html{
    background-color:   var(--clrAccent1);
    background-image:   var(--background);
    background-size:    110px;
    background-repeat:  repeat;
    color-scheme:       dark light;
    font-family:        "Montserrat";
    width:              100%;
}

body{
    border-left:    1px solid var(--clrAccent2);
    border-right:   1px solid var(--clrAccent2);
    background:     var(--clrBGTp);
    box-shadow:     var(--shadow);
    display:        block;
    clear:          both;
    color:          var(--clrText);
    float:          auto;
    min-height:     100vh;
    margin:         0px auto;
        width:      75%;
        min-width:  620px;
        max-width:  1500px;
    padding-top:    none;
    position:       relative;
    z-index:        -10;
}body::after{ /* moves the footer to bottom */
    content:        '';
    display:        block;
    height:         var(--footerHeight); /* Set same as footer's height */
}