/* darkxception: menu css. */
#title {
    display: inline;
    font-size: 200%;
    text-shadow: 2px 2px rgb(128, 0, 128);
    top: -1%;
    left: 25%;
}

#help {
    display: inline;
    font-size: 150%;
    top: 1%;
    left: 50%;
}

#credits {
    display: inline;
    font-size: 150%;
    top: 80%;
    left: 45%;
}

#objective {
    display: inline;
    font-size: 150%;
    top: 32%;
    left: 0%;
}

#play {
    display: inline;
    font-size: 250%;
    top: 85%;
    left: 80%;
}

#options {
    display: inline;
    font-size: 180%;
    top: 72%;
    left: 2%;
}

#language {
    display: inline;
    font-size: 180%;
    top: 86%;
    left: 2%;
}

#helptext {
    display: none;
    font-size: 125%;
    top: 35%;
}

@media only screen and (min-width: 768px) {
    #title {
        font-size: 475%;
        left: 2%
    }

    #play {
        font-size: 250%;
        top: 85%;
        left: 80%;
    }

    #objective {
        font-size: 225%;
    }

    #credits {
        top: 85%;
    }

    #objective, #helptext {
        font-size: 225%;
    }
}

@media only screen and (min-width: 1400px) {
    #title {
        font-size: 525%;
        left: 2%
    }

    #play {
        top: 85%;
        left: 80%;
    }

    #objective {
        font-size: 325%;
    }

    #credits {
        font-size: 250%;
        top: 90%;
    }

    #play, #options, #language, #helptext {
        font-size: 275%;
    }
}