@import url("./base.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");

:root {
    font-size: 24px;
}

body {
    font-family: "EB Garamond", serif;
    background-color: #101218;
    color: #d7def5;
}

main {
    width: 640px;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav {
    display: flex;
    gap: 8px;
}

a:any-link {
    text-decoration: none;
    color: #6279a2;
}

.splash {
    font-size: 0.8rem;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #2f3752 transparent;
}

.splash,
.splash a {
    color: #6b6d79;
}

hr {
    background-color: #181c27;
}

footer {
    color: #6b6d79;
}

li,
p {
    color: #a4acc8;
}

h1,
h2,
footer {
    cursor: default;
}