:root {
    --primary-bg-color: #f0ebd8;
    --accent-bg-color: white;
    --primary-text-color: #1d2d44;
    --accent-text-color: black;
    --active-text-color: blue;
}

body{
    background-color: var(--primary-bg-color);
    color: var(--primary-text-color);
}

a {
    color: var(--primary-text-color);
}

a:hover {
    color: var(--active-text-color)
}

nav, intro, footer {
    max-width: 50vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

nav{
    justify-content: space-between;
}

nav span {
    display: flex;
    gap: 1rem;
}