body {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

img {
  margin: 0 2vw;
  border-radius: 50%;
}

img.color_flip {
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE5+ */
  -webkit-filter: brightness(1.3) grayscale(1); /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all 0.5s ease-in-out;
}

img.color_flip:hover {
  filter: none;
  -webkit-filter: brightness(1) grayscale(0);
  -webkit-transform: scale(1.1);
}

a {
  text-decoration: none;
  color: lightgray;
}

.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
}

.stick-bottom {
  position: fixed; /* or absolute */
  bottom: 3%;
  left: 50%;
  /* bring your own prefixes */
  transform: translateX(-50%);
  text-align: center;
}

.fab {
  margin: 8px;
}

.fab:hover {
  color: blue;
  transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
}

.fab.fa-github:hover {
  color: #0d1117;
}
.fab.fa-stack-overflow:hover {
  color: #f58025;
}
.fab.fa-researchgate:hover {
  color: #08ccbb;
}
.fab.fa-facebook:hover {
  color: #1773ea;
}
.fab.fa-youtube:hover {
  color: red;
}
.fab.fa-instagram:hover {
  color: green;
}

.button {
  /* display: inline; */
  width: 115px;
  height: 25px;
  background: #008cba;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  line-height: 25px;
  cursor: pointer;
  transition: background 0.2s ease-in;
  -webkit-transition: background 0.2s ease-in;
}

.button:hover {
  background: #04aa6d;
}

.spacing {
  margin-top: 20px;
}