html {
    min-height: 100%;
}
body {
    height:     100%;
    background: rgb(255,43,2);
    background: linear-gradient(180deg, rgba(255,43,2,1) 0%, rgba(238,218,38,1) 100%);
    overflow:   hidden;
}
img {
    margin:     auto;
    display:    block;
    max-height: 55vh;
    width:      auto;
}
h1 {
    margin:         auto;
    text-align:     center;
    color:          #FFFFFF;
    font-size:      calc(14px + 5vmin);
    font-family:    "Quicksand", "Georgia", sans-serif;
}
#horizon {
    min-height:     10vw;
    background:     #222222;
    min-width:      120%;
    margin-left:    -5%;
    position:       fixed;
    bottom:         0;
    z-index:        -1;
}
#sun {
    background:     #DCF145;
    filter:         blur(0.3vmin);
    height:         20vw;
    width:          20vw;
    border-radius:  50%;
    position:       fixed;
    bottom:         0;
    right:          10%;
    z-index:        -2;

}
@font-face {
    font-family:    "Quicksand";
    src:            url("/assets/fonts/quicksand.woff2") format("woff2"),
                    url("/assets/fonts/quicksand.woff") format("woff");
}