.css-selector {
    background: linear-gradient(270deg, #89d2bf, #6b87dd);
    background-size: 400% 400%;

    -webkit-animation: annagradient 17s ease infinite;
    -moz-animation: annagradient 17s ease infinite;
    animation: annagradient 17s ease infinite;
}

@-webkit-keyframes annagradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes annagradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes annagradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@font-face {
  font-family: "ApfelGrotezk-Regular";
  src: url("./fonts/ApfelGrotezk-Regular.woff2") format("woff2"),
       url("./fonts/ApfelGrotezk-Regular.woff") format("woff");
}

@font-face {
  font-family: "ApfelGrotezk-Fett";
  src: url("./fonts/ApfelGrotezk-Fett.woff2") format("woff2"),
       url("./fonts/ApfelGrotezk-Fett.woff") format("woff");
}

body {
    background-color: red;
    color: #f1f1f1;
    margin: 1.2rem;
}

#botdiv {
    position: fixed;
    bottom: 0;
}

a {
    margin-left: 20px;
    color: #f1f1f1;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin-top:0;
    font-family: "ApfelGrotezk-Regular";
    font-size: 7rem;
}

h2 {
    margin-top: 3rem;
    font-family: "ApfelGrotezk-Regular";
    font-size: 1.5rem;
}