body {
  background-color: #171228;
  color: white;
  font-family: monospace;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 100px;
  image-rendering: optimizespeed;
}

#title {
  font-size: 2em;
  font-weight: 700;
}

#real {
  animation: real 1s linear infinite forwards;
}

@keyframes real {
  from {
    transform: rotate(3deg);
  }
  49.9999% {
    transform: rotate(3deg)
  }
  50% {
    transform: rotate(-3deg)
  }
  99.9999% {
    transform: rotate(-3deg)
  }
  to {
    transform: rotate(3deg)
  }
}

button {
  font-family: monospace;
  background-color: transparent;
  outline: 2px solid white;
  border: none;
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 200px;
  margin-top: 50px;
}

button:hover {
  background-color: white;
  color: black;
}

#fellaTextbox {
  position: fixed;
  right: 225px;
  bottom: 100px;
  outline: 2px solid #a57aed;
  padding: 5px;
  max-width: 200px;
  background-color: rgba(0,0,0,0.25);
}

#fella {
  position: fixed;
  right: 25px;
  bottom: 0px;
}