@font-face {
    font-family: "Stam Sefarad CLM";
    src: url(".content/sefarad.ttf") format ("ttf");
}

@font-face {
    font-family: "inconsolata";
    src: url(".content/inconsolata.woff") format("woff");
}

@keyframes carameldansen {
  from {color: #ff0000; }
  10% {color: #ff6100; }
  20% {color: #ff9200; }
  30% {color: #daff00; }
  40% {color: #27ff00; }
  50% {color: #00ff76; }
  60% {color: #00abff; }
  70% {color: #0015ff; }
  80% {color: #a600ff; }
  90% {color: #ff00b4; }
  100% {color: #ff002d; }
}


:root {
  font-family: "Stam Sefarad CLM", serif;
  font-size: 0.8rem;
  color: orange;
  background-image: url("./content/background.png");
  background-size: cover;
}
h1 {
  font-family: "inconsolata", monospace;
  color: #457AFF; 
}
#lower-h1{
  color: green;
}
#lower-h1:hover {
  animation: carameldansen 1s linear 0s infinite;
}

.middle-class{
  background-color: black;
}

.bordered{
  border: solid #457AFF;
  border-width: 2px;
}