/*FONT HEADER CODE*/
/*<link rel="preconnect" href="https://fonts.googleapis.com">*/
/*<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>*/
/*<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Handjet:wght@100..900&family=Rubik+Glitch&family=Syne+Mono&display=swap" rel="stylesheet">*/


/*FONTS*/
.rubik-glitch-regular {
  font-family: "Rubik Glitch", system-ui;
  font-weight: 400;
  font-style: normal;
}
.syne-mono-regular {
  font-family: "Syne Mono", monospace;
  font-weight: 400;
  font-style: normal;
}


/*SECTIONS*/
header {
  background-color: black;
  color: #2E9AFF;
  font-family: "Rubik Glitch";
  text-align: center;
}


body {
  background-color: black;
  color: #B8DCFF;
  font-family: "Syne Mono";
  text-align: center;
}

footer{
a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #f1f1f1;
  color: black;
}

.next {
  background-color: #04AA6D;
  color: white;
}
}