html {
    height: 100vh;
}

body {
    color: #282a29;
    font-family: "OpenSauce";
    font-size: 18px;
    font-weight: 400;
    height: 100vh;
    margin: 0;
}

header {
    background-color: #0b415d;
    display: flex;
    font-weight: 700;
    height: 55px;
    justify-content: end;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    
    ul {
        display: flex;
        flex-direction: row;
        gap: 34px;
        list-style: none;
        padding-right: 16px;

        a {
            color: #fdf8f1;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }

            &.selected {
                text-decoration: underline;
            }
        }
    }
}

@media (width <= 1000px){
    header {
        justify-content: center;
    }
}