@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}

body {
    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.wrapper{
  position: static;
  top:  50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a{
   font-family: 'Barlow', sans-serif;
   color: BlanchedAlmond;
}

h1{
    font-family: 'Barlow', sans-serif;
    color: wheat;
}

h3{
    font-family: 'Alegreya Sans', sans-serif;
    color:antiquewhite;
}

.smol{
    font-size: 1px;
}