@font-face {
      font-family: 'playBold'; /* Choose a name for your font family */
      src: url('Play-Bold.ttf') format('truetype'); /* Specify the path to your .ttf file and its format */
    }
    @font-face {
      font-family: 'playRegular'; /* Choose a name for your font family */
      src: url('Play-Regular.ttf') format('truetype'); /* Specify the path to your .ttf file and its format */
    }
  * {   font-family: "playRegular"; }
  html,body {
    margin:0; padding:0;
     /* background:#00406e; */
     /* background:#00406e; */
    width:100%; 
    height:100dvh;
    display:flex;
     justify-content:center;
      align-items:center;
      background-color: #00406e;
  }
 
  #gameContainer {
    width:100%; 
    height:100dvh;
     background-image: url('framehomeblue.png'); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    /* text-align: center; */
  
    }
    .btn_top_left{
      position:absolute;
      border: none;
      background-color: transparent;
      width: 50%;
      left: 0;
      min-height: 6%;
      
      
    }
    .menu-container{
      background-image: url(Background-2.png);
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .btn_top_left img ,  .btn_top_right img {
      width: 5%;

    }
      .btn_top_right{
      position:absolute;
      border: none;
      background: transparent;
       /* background-color: #5d0101; */
      width: 50%;
      right: 0;
      min-height: 6%;

    }
    /* #gameContainer_child{
      max-width: calc(100% - 128px);
      max-height: calc(100% - 360px);
      margin-left: 64px;
      margin-top: 180px;
    } */
        #gameContainer_child{
     max-width: calc(90% + 5px);
    max-height: calc(80% + 5px);
    margin-left: 5%;
    margin-top: 4.5%;
    }
    @media screen and (min-height:1285px) {
         #gameContainer_child{
             max-width: calc(100% - 20px);
        max-height: calc(100% - 256px);
        margin-left: 11px;
        margin-top: 129px;
    }
    }
      @media screen and (max-width: 767px) {
   
         #gameContainer_child{
             max-width: calc(100vw - 10%);
        max-height: calc(100dvh - 33dvh);
        /* margin-left: 11px; */
        margin-top: 17dvh;
    }
    }