html {
    font-family: $font-family;
    font-size: $font-size;
    background-color: $background-colour;
    color: $text-colour;
}

header {
    
    background-color: $header-background-colour;
    color: $header-text-colour;
    padding: 1.3rem 0 1.5rem 0;

    a {
        text-decoration: none;
        color: $header-text-colour;
        &:hover {
            text-decoration: none;
        }
    }

    svg.tubesync-logo {
        margin-right: 1rem;
        float: left;
        .logo-icon {
            fill: $colour-near-white !important;
        }
    }

    h1 {
        margin: 0;
        font-size: 3rem;
        line-height: 2.7rem;
    }

}

main {
    
    padding: 2rem 0 2rem 0;

}

footer {

    background-color: $footer-background-colour;
    color: $footer-text-colour;
    padding: 1.5rem 0 1.5rem 0;

}