:root {
    --background: #dbe3ea;
    --primary: #00519b;
}


body { background-color: var(--background) !important; }
.ghost { display: none !important; }


mark { 
    color: var(--primary) !important;
    font-weight: 600;
    background-color: transparent !important;
}

h2 {
    color: var(--primary) !important;
    font-size: 20px !important;
    line-height: 28px !important;
}

a {
    color: var(--primary) !important;
    text-decoration: none !important;
    transition: .3s ease-in-out;
    
    &:hover {
        color: black !important;
    }
}


footer {
    background-color: var(--primary) !important;
    
    span, a {
        font-size: 12px !important;
        line-height: 18px !important;
        color: white !important;
        &:hover {
            color: white !important;
        } 
    }
    
    #powered-by {
        text-align: right;
    }
}

@media screen and (max-width: 991px) {
    footer {
        #powered-by { text-align: left; }
    }
}