body {
    margin: 0;
    background: #000;
    color: #fff;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#main {
    height: 100vh;
    background-image: url("img/castle.jpg");
    background-position: top right;
}

#content {
    display: block;
    padding-top: 33vh;
    padding-left: 2em;
    padding-right: 2em;
}

#title {
    font-size: 5em;
    font-weight: 900;
}

#xr {
    color: #bc363e;
    font-size: 2em;
}

a {
    color: #fff;
    text-decoration: none;
}

#footer {
    padding-top: 10vh;
    padding-bottom: 10vh;
    padding-left: 10vw;
    padding-right: 10vw;
    text-align: center;
}

.notSelectable {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

/* MOBILE */
@media (max-width : 470px) {
    #content {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    #title {
        font-size: 4em;
        font-weight: 900;
    }

    #xr {
        font-size: 1.3em;
    }
}