body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
}
body .gif {
  border-radius: 10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 3px black;
  position: absolute;
  top: inherit;
  left: inherit;
}
body .random {
  -webkit-animation: glow .7s infinite;
          animation: glow .7s infinite;
}

@-webkit-keyframes glow {
  0% {
    box-shadow: 0 0 .5vw firebrick;
  }
  50% {
    box-shadow: 0 0 1.5vw firebrick, 0 0 1.75vw darkorange;
  }
  100% {
    box-shadow: 0 0 .5vw firebrick;
  }
}

@keyframes glow {
  0% {
    box-shadow: 0 0 .5vw firebrick;
  }
  50% {
    box-shadow: 0 0 1.5vw firebrick, 0 0 1.75vw darkorange;
  }
  100% {
    box-shadow: 0 0 .5vw firebrick;
  }
}
/* Profile Link */
.button.me {
  font-size: 36px;
  font-size: 3vw;
  position: absolute;
  bottom: 5%;
  right: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .5;
  transition: opacity .5s ease;
  border-radius: 5px;
  z-index: 9999;
}
@media (max-width: 100vw) {
  .button.me {
    font-size: 3vw;
  }
}
@media (min-width: 1200px) {
  .button.me {
    font-size: 36px;
  }
}
.button.me:hover {
  opacity: 1;
}