@font-face {
    font-family: "Chatelaine";
    src: url("/fonts/Chatelaine.ttf") format("truetype");
}

@font-face {
    font-family: "Benighted";
    src: url("/fonts/Benighted.ttf") format("truetype");
}

body {
 height: 100%;
 margin: 0;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-image: linear-gradient(#22223b, #4a4e69, #9a8c98);
 color: #f2e9e4;
 font-family: "Chatelaine";
}

h1 {
 text-align: center; 
 font-family: "Benighted";
 font-size: 3em;
}

a {
 color: #c9ada7;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
  animation: "flicker" 2s infinite alternate ease-in-out; 
}

@keyframes flicker {
  0% {color:#f2e9e4;}
  100% {color:#c9ada7;}
}