:root {
    --primary: #0d328a;
    --secondary: #e81515;
    --grayscale: #F5F5F5;
    --border-radius: 7px;
}

.container {
    max-width: 1000px!important;
}

a {
    color: inherit!important;
}

header {
    border-top: 3px solid var(--primary);
    border-bottom: 1px solid var(--grayscale);
    background: #FFF;
    color: #000;
    position: sticky;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    top: 0;
    nav {
        .current-menu-item {
            color: var(--primary);
            background: var(--grayscale);
        }
        a {
            display: inline-block;
            font-weight: bold;
            color: inherit!important;
            padding: 10px 25px!important;
            border-radius: var(--border-radius);
            &:hover {
                color: var(--secondary);
                background: var(--grayscale);
             }
        }
    }
}

section#banner {
    background: var(--primary);
    background: linear-gradient(90deg, rgba(13,50,138,1) 0%, rgba(7,29,83,1) 100%);
    color: #FFF;
    padding-block: 40px;
    h1 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 1.6rem;
    }
}

main {
    padding-block: 50px;
    h1 {
        color: var(--primary);
        font-weight: 900;
        text-transform: uppercase;
        font-size: 1.6rem;
    }
    a {
        color: var(--primary)!important;
        text-decoration: underline;
    }
}

footer {
    border-top: 3px solid var(--primary);
    background: var(--grayscale);
    padding-block: 50px;
    h2 {
        font-size: 1.1rem;
        font-weight: bold;
        color: var(--primary);
        &:after {
            content: "";
            display: block;
             width: 50px;
            height: 3px;
            background: var(--secondary);
            margin-top: 5px;
            margin-bottom: 10px;
         }
    }
}