﻿body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #000;*/
}


* {
    user-select: none;
}


* {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* Стандарт */

    -webkit-touch-callout: none; /* Запрет долгого тапа на мобилках */
}

img, a {
    -webkit-user-drag: none; /* запрет перетаскивания картинок и ссылок */
}














./*MaineScene {
    display: flex;
    flex-direction: row;
    align-items: center;

    justify-content: center;
    width: 100vw;
    height: 100vh;*/
    /* background: no-repeat url('/images/Background/pattern-clover.png');*/
    /*background-size: cover;*/
/*}*/


.myBoard {
   
    width: 100%;
}


.wrapperChess {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}




.LogGame {
    
    color: white;
    padding-left: 1vw;
    padding-top: 1vw;
    overflow-y: auto;
   /* border-style: solid;*/

   height:100%;

  
}




.Moves {
    color: white;
    border-style: solid;
    border-color:white;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}






.GameStatistic {
    position: absolute;
    display: block;
    top: 2%;


    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*width: 100%;*/
}


.typeGamе {
    font-size: 3vh;
    position: absolute;
    top: 2%;
    left: 2%;
}













@media screen and (orientation: portrait) {
    .wrapperChess {
       width: 90vw;
       
    }


    .gamerInfo {
        font-size: 5.0vw;
        /* background-color:aqua;*/
    }



    .headband {
        background: no-repeat url('../images/Background/verticalCard.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100vw;
        height: 100vh;
        position: absolute;
        z-index: 100;
    }



    .Moves {
        /*height: 6.5vh;*/
        width: 90vw;
        
        margin-top: 1.0vh;
        color: white;



    }



    .MaineScene {       
        flex-direction: column;      
    }


    .LogGame {
        font-size: 3.0vw;
    }


}



@media  screen and (orientation: landscape) {
    .wrapperChess {
        width: 90vh;
       
    }

    .gamerInfo {
        font-size: 2.0vh;
      
    }


    .headband {
        background: no-repeat url('../images/Background/Cards_Red_Dead.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100vw;
        height: 100vh;
        position: absolute;
        z-index: 100;
    }



    .Moves {
        height: 90vh;
        /*width: 25vw;*/
       
        color: white;
    }


    .MaineScene {
        flex-direction: row;
    }

    .LogGame {
        font-size: 3.0vh;
    }



}



/*@media only screen and (max-width: 992px) and (orientation: landscape) {

   


    .unsuportresolution {
        background: no-repeat url('/images/Background/unsupport.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100vw;
        height: 100vh;
        position: absolute;
        z-index: 300;
    }





}*/













    .gamerInfo {
        /*background-color: grey;*/
        width: 100%;
        max-height: 5%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        color: white;
    }



















