body {background-color: #FFEEE9;}
p {color: #171214; text-align: center; font-size: 20px; font-family: "Inconsolata";}
a {color: #0F6ACC; text-align: center; font-size: 25px}
nav ul li a:hover {color: #46536C}
ul {display: flex; flex-direction: row; background-color: #FFEEE9; list-style: none; justify-content: center; gap:300px; text-decoration: none;}
li {width: 350px; height: 250px; background-color: #FFEEE9;}
h1 {text-align: center; font-family: "Sen";}
h2 {text-align: center; font-family: "Sen";}
h3 {text-align: center; font-family: "Sen";}
header {text-align: center; font-family: "Familjen Grotesk";}
section {text-align: center; background-color: #BA4B00; padding: 15px; margin: 15px 0; border: 15px;}
li a {font-size: 60px; font-family: "Sen"; text-decoration: none;}
article p {text-align: left; font-family: "Inconsolata";}
nav {border-bottom: 4px black solid;}
nav a {text-decoration: none; color: #46536C;}
header a {font-size: 18px}
iframe {align-content: center;}
footer {background-color: #BA4B00;}

.inconsolata-<uniquifier> {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.sen-<uniquifier> {
  font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.familjen-grotesk-<uniquifier> {
  font-family: "Familjen Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}