* {
    box-sizing: border-box;
    font-family: Arial, Tahoma, sans-serif;
}

body {
    background-color: #F4F4F4;
    color: #2E2E2E;
}

header {
    nav {
        height: 4rem;
        min-height: 3.5rem;
        padding: 0.75rem 1.5rem;
        display: flex;
        align-items: center;
        background-color: #E8F0FE;
        position: sticky;
        top: 0;
        z-index: 1000;
        
        a:link, a:visited, a:hover, a:active {
            padding: 1rem 1rem;
            text-decoration: none;
            color: #2E2E2E;
        }

        a:hover {
            background-color:#dfe9fb; 
        }
        
    }
}

address {
    a:link, a:visited {
        color: blue;
    }
}

@media (prefers-color-scheme: dark) {
    header{
        nav {
            background-color: #1E293B;
            a:link, a:visited, a:hover, a:active  {
                color: #E0E0E0;
            }
            a:hover {
                background-color: #26344b;
            }
        }
    }
    
    address {
        a:link, a:visited {
            color: lightskyblue;
        }
    }

    body {
        font-weight: 500;
        background-color: #0F172A;
        color: #E0E0E0;
        line-height: 1.6;
    }
}