/*React CSS Variables (HSL Colours)*/
:root {
    --theme-primary: 147, 93%, 34%;
}

html {
    background: url("img/back.jpg") repeat-x center top;
}

@media (min-width: 768px) {

    /*Full page background if on a desktop sized screen. For smaller screens a separate header logo image will be used.*/
    html {
        background: url("img/back logo.png") no-repeat 500px 25px, url("img/back.jpg") repeat-x center top;
    }
}

/*Height of the header*/
.loginDisplay {
    height: 210px;
}