/*React CSS Variables (HSL Colours)*/
:root {
    --theme-primary: 174, 88%, 29%;
}

@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.jpg") no-repeat center top;
    }
}

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