* {
    margin: 0px;
    padding: 0px
}

html { 
    background: url("/images/glowing-mushroom.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.contents {
    margin-top: 10vh;
    text-align: center;
}

.title {
    margin-bottom: 10%;
}

.title h1 {
    font-family: "IM Fell Double Pica";
    color: white;
    text-shadow: 4px 3px 6px black;
    font-size: 80px;
    font-weight: 900;
}

.title h2 {
    font-family: "IM Fell Double Pica";
    font-variant: small-caps;
    color: white;
    text-shadow: 4px 3px 6px black;
    font-size: 45px;
    font-weight: 900;
}

.info h1 {
    font-family: "Arial Black", Gadget, sans-serif;
    color: black;
    text-shadow: 4px 3px 6px #bbbbbb;
    font-size: 60px;
    font-weight: 900;
}

@media (max-width: 800px) { 
    html { 
        background-position: -100px 0px;
        }
}

@media (max-width: 500px) { 
        .title h1 {
            font-size: 55px;
        }
        
        .title h2 {
            font-size: 30px;
        }
        
        .info h1 {
            font-size: 45px;
        }
        
}