html
{
    height: 100%;
    width: 100%;


}

@media only screen and (max-width: 800px) 
{
    html
    {
        font-size: 14px;
    }
}

body
{
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font: inherit;
    font-family: sans-serif;
    font-size: 14pt;
    margin: 0px;
    font-size: 18px;
    box-sizing: border-box;
    background-size: cover;
    background-attachment: fixed;
    
    background: linear-gradient(135deg, rgba(248,255,232,1) 0%,rgba(227,245,171,1) 71%,rgba(183,223,45,1) 100%);

}

footer
{
    font-size: 90%;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}
footer > div
{
    flex: 1;
    flex-grow: 0;
    white-space: nowrap;
}