@font-face {
    font-family: 'Minecraftia';
    src: url('/font/Minecraftia-Regular.ttf') format('truetype'), url('/font/Minecraftia-Regular.woff2') format('woff');
}

* {
    font-family: 'Minecraftia', sans-serif;
}

body, html {
    padding: 0;
    margin: 0;
}

body {
    background-color: black;
    overflow: hidden;
}

#mctitlescreen {
    width: 100vw;
    height: 100vh;
}

#wrapper {
    position: absolute;
}

header {
    width: 100vw;
}

#title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    user-select: none;
}

@media only screen and (orientation: landscape) {
    #title {
        padding-top: 2vh;
        padding-bottom: 8vh;
        font-size: 8rem;
        text-shadow: 0 0 2px #fff, 0.125rem 0.125rem 2px #a16161, 0.25rem 0.25rem 2px #833939, 0.375rem 0.375rem 2px #581a1a, 0.5rem 0.5rem 2px #310707, 0.625rem 0.625rem 2px #000000;
    }
}

@media only screen and (min-width: 800px) and (orientation: portrait) {
    #title {
        padding-top: 2vh;
        padding-bottom: 4vh;
        font-size: 4rem;
        text-shadow: 0 0 2px #fff, 2px 2px 2px #9261a1, 4px 4px 4px #723983, 6px 6px 2px #411a58, 8px 8px 2px #290731, 10px 10px 2px #000000;
    }
}

@media only screen and (min-width: 350px) and (max-width: 799px) and (orientation: portrait) {
    #title {
        padding-top: 2vh;
        padding-bottom: 4vh;
        font-size: 2.5rem;
        text-shadow: 0 0 2px #fff, 1px 1px 2px #61a174, 2px 2px 2px #398349, 3px 3px 2px #1a581a, 4px 4px 2px #083107, 5px 5px 2px #000000;
    }
}

@media only screen and (max-width: 349px)  and (orientation: portrait) {
    #title {
        padding-top: 2vh;
        padding-bottom: 4vh;
        font-size: 2rem;
        text-shadow: 0 0 2px #fff, 1px 1px 2px #6184a1, 2px 2px 2px #396883, 3px 3px 2px #1a3f58, 4px 4px 2px #071d31, 5px 5px 2px #000000;
    }
}

#menu {
    text-align: center;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    padding-top: 1vh;
    padding-bottom: 1vh;
}