* {
    background-color: #fffef7;
    
}

.hepta-slab-h2 {
  font-family: "Hepta Slab", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  user-select: none;
}

.hepta-slab-a {
  font-family: "Hepta Slab", serif;
  font-optical-sizing: auto;
  font-variation-settings: 'wght' 400;
  text-decoration: none;
  transition: font-variation-settings 0.2s ease-in-out;
  font-style: normal;
}

.hepta-slab-a:hover {
  font-variation-settings: 'wght' 600;

}

header {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    height: 10%;
}

nav {
    position: absolute;
    top: 25%;
    left: 5%;
}

ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

a, a:link, a:visited, a:active {
    color: #000000;
    text-decoration: none;
    
}