@charset "utf-8";
/* CSS Document */

@media (min-width: 1100px) {
.container{
    margin-top: 40px !important;
    margin-left: 50%; 
    
    }
#upButton{
    position: relative;
    width: 180px;
    height: 180px;
    bottom: -35px;
    left: 105px;
    background: url('../sprites/arrow_up.png');
    background-size: 180px 180px;
}


#leftButton{
    position: relative;
    width: 180px;
    height: 180px;
    background: url('../sprites/arrow_left.png');
    background-size: 180px 180px;
}


#downButton{
    position: relative;
    width: 180px;
    height: 180px;
    margin-top: 167px;
    background: url('../sprites/arrow_down.png');
    background-size: 180px 180px;
}


#rightButton{
    position: relative;
    width: 180px;
    height: 180px;
    background: url('../sprites/arrow_right.png');
    background-size: 180px 180px;
    float: left;
}
    #touchButtonsContainer {
    position: fixed;
    left: 5px;
    bottom: 98px;
    margin: 0;
    padding: 0;
    z-index: 9999999;
}
    .score-container{
        font-size: 30pt !important;
        width: 130px;
        height: 50px;
        line-height: 1.7;
    }
    .best-container{
        font-size: 30pt !important;
        width: 130px;
        height: 50px;
        line-height: 1.7;
    }
    .score-container:after{
        font-size: 20pt;
        color: white;
    }
    .best-container:after{
        font-size: 20pt;
        color: white;
    }
    .game-intro{
        font-size: 20pt;
    }
}