html, body {
    font-family: 'Raleway', sans-serif;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;

}


body {
    min-height: 100vh;
    margin: 0;
    background:
        linear-gradient(
            to bottom,
            #e9a909 0%,
            rgba(233, 169, 9, 0.5) 0%,
            rgba(233, 169, 9, 0) 100%
        ),
        linear-gradient(
            to top,
            #e9a909 0%,
            rgba(233, 169, 9, 0.5) 0%,
            rgba(233, 169, 9, 0) 0%
        ),
        url("/static/images/bg.png") repeat-y left top,
        #fff;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 100% 50vh, 100% 30vh, 100% auto;
    background-position: top, bottom, left top;
}



@media (max-width: 800px) {
    body {
        background-size: 100% 50vh, 100% 8vh, cover;
    }
}