:root { 
    --selenized-dark-bg: #103c48;
    --selenized-dark-fg: #adbcbc;
    --selenized-light-bg: #fbf3db;
    --selenized-light-fg: #53676d;
}

body {
    font: 16px/1.4 system-ui, sans-serif;
    padding: 2rem;
    background: var(--selenized-dark-bg);
    color: var(--selenized-dark-fg);
}

header > ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

nav > ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: beige;
    border: 2px black solid;
    padding-block: 10px;
    margin-inline: 30px;
    border-radius: 15px;
    li {
        a {
            font: 25px system-ui, sans-serif;
        }
        button {
            border: 1px;
            padding-inline: 4px;
            background: lightgray;
            border-radius: 15px;
            line-height: 20px;
        }
        button:hover {
            background: gray;
        }

    }
}