@media (max-aspect-ratio: 3/5){

    p{
        font-size: 2.9vw;
    }

    button{
        font-size: 2.9vw;
    }

    /* STYLES */

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

    .lang{
        width: 28.125vw;
        height: 5.625vw;
        margin-left: 1vw;
    }

    /* logo */

    .logo-img{
        margin: 0 2.25vw;
        height: 10.125vw;
        width: 10.125vw;
        border-radius: 0.5625vw;
    }
    .logo-name{
        font-size: 3.375vw;
    }
    .logo-auth{
        font-size: 2.025vw;
    }

    /* Header */

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

    /* Main */

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

    .nav{
        border-radius: 1.125vw;
        padding: 1.125vw;
        width: 90vw;
        height: 67.5vw;
    }
    .nav-wrap{
        border-radius: 1.125vw;
        width: 100%;
        height: 100%;
    }
    .content{
        width: 100%;
        height: 100%;
        padding: 1.125vw;
    }

    /* common */

    .stand-button{
        border-radius: 0.5625vw;
    }
    .buttons{
        width: 100%;
    }
    .next{
        width: 33.75vw;
        height: 5.625vw;
        border-radius: 0.5625vw;
    }
    .back{
        width: 33.75vw;
        height: 5.625vw;
        border-radius: 0.5625vw;
    }
    .title-wrap{
        width: 100%;
    }
    .final{
        height:  11.25vw !important;
    }
    .title{
        width: 33.75vw;
        height: 5.625vw;
        border-radius: 0.3125vw;
    }
    .page{
        width: 100%;
    }

    /* Type of game */

    .choices{
        height: 22.5vw;
    }
    .amount-players{
        width: 56.25vw;
    }
    .with-computer,.off-with-friend{
        width: 56.25vw;
        height: 5.625vw;
    }
    .amount{
        width: 18.125vw;
        height: 5.625vw;
    }
    .rules{
        width: 78.75vw;
        height: 42vw;
        border-radius: 0.5625vw;
        padding: 0.5625vw;
    }

    /* score */

    .choices-2{
        height: 11.25vw;
        width: 78.75vw;
    }
    .p500,.p1000,.p1500{
        width: 22.5vw;
        height: 5.625vw;
    }

    /* combinations */

    .combo{
        width: 78.75vw;
        height: 39.375vw;
        border-radius: 0.5625vw;
    }
        
    /* Win */

    .wrap-win-page{
        width: 90vw;
        height: 67.5vw;
        border-radius: 1.125vw;
        padding: 1.125vw;
    }
    .win-page{
        border-radius: 1.125vw;
        width: 100%;
        height: 100%;
    }
    .to-nav{
        width: 28.125vw;
        height: 5.625vw;
    }
    .extra-nav{
        width: 28.125vw;
        height: 5.625vw;
    }

    /* Warn */

    .wrap-warn{
        width: 90vw;
        height: 67.5vw;
        border-radius: 1.125vw;
        padding: 1.125vw;
    }
    .warn-title{
        padding: 2.25vw;
        width: 47vw;
        height: 11.25vw;
    }
    .warn{
        border-radius: 1.125vw;
        width: 100%;
        height: 100%;
    }
    .yes,.no{
        width: 28.125vw;
        height: 5.625vw;
    }

    /* footer */

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

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

    /* Game */

    .curr-plr{
        box-shadow: 0px 0px 4vw rgb(222, 215, 19);
    }
    .wrap-plr-panel{
        margin: 4.5vw auto 0 auto;
        width: 42vw;
        height: 33.75vw;
        border-radius: 1.125vw;
        padding: 1.125vw;
    }
    .plr-panel{
        border-radius: 1.125vw;
        width: 100%;
        height: 100%;
    }
    .plr,.act,.stop{
        width: 33.75vw;
        height: 5.625vw;
        border-radius: 0.5625vw;
    }
    .plr-score,.curr-score,.add{
        width: 33.75vw;
        height: 5.625vw;
        border-radius: 0.5625vw;
    }
    .center-panel{
        margin: auto;
        width: 90vw;
        height: 62.25vw;
        margin-bottom: 4.5vw;
    }
    .wrap-top-center-panel{
        width: 45vw;
        height: 33.75vw;
        border-radius: 1.125vw;
        padding: 1.125vw;
    }
    .top-center-panel{
        height: 100%;
        width: 100%;
        border-radius: 1.125vw;
    }

    .bottom-center-panel{
        height: 30vw;
        width: 100%;
    }
    .cube{
        width: 11.25vw;
        height: 11.25vw;
    }
    .del-cube{
        border: 0.5625vw solid #6b680a;
    }

    .left-panel{
        width: 90vw;
        margin: auto;
        order: 2;
        justify-content: space-between;
        flex-direction: row;
    }
    .right-panel{
        width: 90vw;
        margin: auto;
        order: 1;
        justify-content: space-between;
        flex-direction: row;
    }
    .game{
        flex-direction: column-reverse;
    }
}