@font-face {
    font-family: "Pong";
    src: url(../fonts/joystixmonospace/joystixmonospace.woff) format("woff"),
    url(../fonts/joystixmonospace/joystixmonospace.ttf) format("ttf");
    font-weight: normal;
    font-style: normal;
}
body {
    background: black;
}
#orientation {
    background-color: black;
    background-image: url("../images/x1/device_rotation.png?");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
    height: 102vh;
    display: none;
}

/*@media (orientation: portrait) and (max-width: 1024px) {
    #orientation {
        display: block;
    }

    #content {
        display: none;
    }
}

@media (orientation: landscape) {
    #orientation {
        display: none;
    }

    #content {
        display: block;
    }
}*/