/* Sin Of Sloth Main Styles */

/* Font implementation*/
@font-face {
    font-family: "pixelArtFont";
    src: url("fonts/Gamepixies-8MO6n.ttf");
}

/* For both sites (index.html / game.html) */
body {
    background-image: url('bg.png') ;
    background-size: cover;
    background-position: center;
    font-family: "pixelArtFont";
}

/* Mobile - Tablet View for Game Div and in landscape mode */
@media only screen and (max-device-width: 1280px) and (orientation:landscape){
    #gameScreen {
        z-index: 100;
        margin: 0 auto !important;
        width: 80% !important;
        height: auto !important;
        overflow: hidden;

        box-shadow: 8px 18px 71px 12px rgba(0,0,0,0.75);

    }
}

/* Mobile - Tablet View for Game Div and in portrait mode */
@media only screen and (max-device-width: 1280px) and (orientation:portrait){
    #gameScreen {
        z-index: 100;
        margin: 0 auto !important;
        width: 90% !important;
        height: auto !important;
        overflow: hidden;

        box-shadow: 8px 18px 71px 12px rgba(0,0,0,0.75);

    }
}

/* Desktop View for game Div */
@media (min-device-width: 1280px)  { 
    #gameScreen {
        z-index: 100;
        margin: 0 auto !important;
        width: 1280px !important;
        height: 768px !important;

        box-shadow: 8px 18px 71px 12px rgba(0,0,0,0.75);

    }
}