@media (min-aspect-ratio: 16/9) {

    p{
        font-size: 2.9vh;
    }

    button{
        font-size: 2.9vh;
    }

    /* STYLES */

    .red{   
        border: 0.56vh solid #390603;
    }
    .yellow{
        border: 0.56vh solid #6b680a  !important;
    }
    .blue{
        border: 0.56vh solid #031c39;
    }
    .green{
        border: 0.56vh solid #083903;
    }
    .grey{
        border: 0.56vh solid #3f3f3d !important;
    }
    .brown{
        border: 1.12vh solid rgb(23, 14, 9);
    }

    /* lang*/

    .lang{
        width: 27.78vh;
        height: 5.55vh;
        margin-left: 1vh;
    }

    /* logo */

    .logo-img{
        margin: 0 2.22vh;
        height: 10vh;
        width: 10vh;
        border-radius: 0.56vh;
    }
    .logo-name{
        font-size: 3.33vh;
    }
    .logo-auth{
        font-size: 2vh;
    }

    /* Header */

    header{
        height: 11.11vh;
        width: 100%;
        border-bottom: 1.11vh solid rgb(23, 14, 9);
    }

    /* Main */

    .main{
        height: 77.78vh;
        width: 100%;
    }

    .nav{
        border-radius: 1.11vh;
        padding: 1.11vh;
        width: 88.89vh;
        height: 66.67vh;
    }
    .nav-wrap{
        border-radius: 1.11vh;
        width: 100%;
        height: 100%;
    }
    .content{
        width: 100%;
        height: 100%;
        padding: 1.11vh;
    }

    /* common */

    .stand-button{
        border-radius: 0.56vh;
    }
    .buttons{
        width: 100%;
    }
    .next{
        width: 33.33vh;
        height: 5.56vh;
        border-radius: 0.56vh;
    }
    .back{
        width: 33.33vh;
        height: 5.56vh;
        border-radius: 0.56vh;
    }
    .title-wrap{
        width: 100%;
    }
    .final{
        height:  11vh !important;
    }
    .title{
        width: 33.33vh;
        height:  5.56vh;
        border-radius: 0.56vh;
    }
    .page{
        width: 100%;
    }

    /* Type of game */

    .choices{
        height: 22.22vh;
    }
    .amount-players{
        width: 55.56vh;
    }
    .with-computer,.off-with-friend{
        width: 55.56vh;
        height: 5.56vh;
    }
    .amount{
        width: 18vh;
        height: 5.56vh;
    }
    .rules{
        width: 77.78vh;
        height: 42vh;
        border-radius: 0.56vh;
        padding: 0.56vh;
    }

    /* score */

    .choices-2{
        height: 11.11vh;
        width: 77.78vh;
    }
    .p500,.p1000,.p1500{
        width: 22.22vh;
        height: 5.56vh;
    }

    /* combinations */

    .combo{
        width: 77.78vh;
        height: 38.89vh;
        border-radius: 0.56vh;
    }
        
    /* Win */

    .wrap-win-page{
        width: 88.89vh;
        height: 66.67vh;
        border-radius: 1.11vh;
        padding: 1.11vh
    }
    .win-page{
        border-radius: 1.11vh;
        width: 100%;
        height: 100%;
    }
    .to-nav{
        width: 27.78vh;
        height: 5.55vh;
    }
    .extra-nav{
        width: 27.78vh;
        height: 5.55vh;
    }

    /* Warn */

    .wrap-warn{
        width: 88.89vh;
        height: 66.67vh;
        border-radius: 1.11vh;
        padding: 1.11vh;
    }
    .warn-title{
        padding: 2.22vh;
        width: 50vh;
        height: 11.11vh;
    }
    .warn{
        border-radius: 1.11vh;
        width: 100%;
        height: 100%;
    }
    .yes,.no{
        width: 27.78vh;
        height: 5.56vh;
    }

    /* footer */

    footer{
        border-top: 1.11vh solid rgb(23, 14, 9);
        height: 11.11vh;
        width: 100%;
    }

    .bottom-nav{
        margin-right: 2.22vh;
    }

    /* Game */

    .curr-plr{
        box-shadow: 0px 0px 5.55vh rgb(222, 215, 19);
    }
    .wrap-plr-panel{
        margin-top: 4.44vh;
        width: 44.44vh;
        height: 33.33vh;
        border-radius: 1.11vh;
        padding: 1.11vh;
    }
    .plr-panel{
        border-radius: 1.11vh;
        width: 100%;
        height: 100%;
    }
    .plr,.act,.stop{
        width: 33.33vh;
        height: 5.56vh;
        border-radius: 0.56vh;
    }
    .plr-score,.curr-score,.add{
        width: 33.33vh;
        height: 5.56vh;
        border-radius: 0.56vh;
    }
    .center-panel{
        width: 77.78vh;
        height: 77.78vh;
        margin-bottom: 4.44vh;
    }
    .wrap-top-center-panel{
        width: 44.44vh;
        height: 33.33vh;
        border-radius: 1.11vh;
        padding: 1.11vh;
    }
    .top-center-panel{
        height: 100%;
        width: 100%;
        border-radius: 1.11vh;
    }

    .bottom-center-panel{
        height: 44.44vh;
        width: 100%;
    }
    .cube{
        width: 11.11vh;
        height: 11.11vh;
    }
    .del-cube{
        border: 0.56vh solid #6b680a;
    }
}