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

    p{
        font-size: 1.6vw;
    }

    button{
        font-size: 1.6vw;
    }

    /* STYLES */

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

    .lang{
        width: 15.625vw;
        height: 3.125vw;
        margin-left: 0.75vw;
    }

    /* logo */

    .logo-img{
        margin: 0 1.25vw;
        height: 5.625vw;
        width: 5.625vw;
        border-radius: 0.3125vw;
    }
    .logo-name{
        font-size: 1.875vw;
    }
    .logo-auth{
        font-size: 1.125vw;
    }

    /* Header */

    header{
        height: 6.25vw;
        width: 100vw;
        border-bottom: 0.625vw solid rgb(23, 14, 9);
    }

    /* Main */

    .main{
        height: calc(100vh - 12.5vw);
        width: 100vw;
    }

    .nav{
        border-radius: 0.625vw;
        padding: 0.625vw;
        width: 50vw;
        height: 37.5vw;
    }
    .nav-wrap{
        border-radius: 0.625vw;
        width: 100%;
        height: 100%;
    }
    .content{
        width: 100%;
        height: 100%;
        padding: 0.625vw;
    }

    /* common */

    .stand-button{
        border-radius: 0.3125vw;
    }
    .buttons{
        width: 100%;
    }
    .next{
        width: 18.75vw;
        height: 3.125vw;
        border-radius: 0.3125vw;
    }
    .back{
        width: 18.75vw;
        height: 3.125vw;
        border-radius: 0.3125vw;
    }
    .title-wrap{
        width: 100%;
    }
    .final{
        height:  6.25vw !important;
    }
    .title{
        width: 18.75vw;
        height: 3.125vw;
        border-radius: 0.3125vw;
    }
    .page{
        width: 100%;
    }

    /* Type of game */

    .choices{
        height: 12.5vw;
    }
    .amount-players{
        width: 31.25vw;
    }
    .with-computer,.off-with-friend{
        width: 31.25vw;
        height: 3.125vw;
    }
    .amount{
        width: 9.625vw;
        height: 3.125vw;
    }
    .rules{
        width: 43.75vw;
        height: 24vw;
        border-radius: 0.3125vw;
        padding: 0.3125vw;
    }

    /* score */

    .choices-2{
        height: 6.25vw;
        width: 43.75vw;
    }
    .p500,.p1000,.p1500{
        width: 12.5vw;
        height: 3.125vw;
    }

    /* combinations */

    .combo{
        width: 43.75vw;
        height: 21.875vw;
        border-radius: 0.3125vw;
    }
        
    /* Win */

    .wrap-win-page{
        width: 50vw;
        height: 37.5vw;
        border-radius: 0.625vw;
        padding: 0.625vw;
    }
    .win-page{
        border-radius: 0.625vw;
        width: 100%;
        height: 100%;
    }
    .to-nav{
        width: 15.625vw;
        height: 3.125vw;
    }
    .extra-nav{
        width: 15.625vw;
        height: 3.125vw;
    }

    /* Warn */

    .wrap-warn{
        width: 50vw;
        height: 37.5vw;
        border-radius: 0.625vw;
        padding: 0.625vw;
    }
    .warn-title{
        padding: 1.25vw;
        width: 27vw;
        height: 6.25vw;
    }
    .warn{
        border-radius: 0.625vw;
        width: 100%;
        height: 100%;
    }
    .yes,.no{
        width: 15.625vw;
        height: 3.125vw;
    }

    /* footer */

    footer{
        border-top: 0.625vw solid rgb(23, 14, 9);
        height: 6.25vw;
        width: 100vw;
    }

    .bottom-nav{
        margin-right: 1.25vw;
    }

    /* Game */

    .curr-plr{
        box-shadow: 0px 0px 3.125vw rgb(222, 215, 19);
    }
    .wrap-plr-panel{
        margin-top: 2.5vw;
        width: 25vw;
        height: 18.75vw;
        border-radius: 0.625vw;
        padding: 0.625vw;
    }
    .plr-panel{
        border-radius: 0.625vw;
        width: 100%;
        height: 100%;
    }
    .plr,.act,.stop{
        width: 18.75vw;
        height: 3.125vw;
        border-radius: 0.3125vw;
    }
    .plr-score,.curr-score,.add{
        width: 18.75vw;
        height: 3.125vw;
        border-radius: 0.3125vw;
    }
    .center-panel{
        width: 43.75vw;
        height: 43.75vw;
        margin-bottom: 2.5vw;
    }
    .wrap-top-center-panel{
        width: 25vw;
        height: 18.75vw;
        border-radius: 0.625vw;
        padding: 0.625vw;
    }
    .top-center-panel{
        height: 100%;
        width: 100%;
        border-radius: 0.625vw;
    }

    .bottom-center-panel{
        height: 25vw;
        width: 100%;
    }
    .cube{
        width: 6.25vw;
        height: 6.25vw;
    }
    .del-cube{
        border: 0.3125vw solid #6b680a;
    }
}