.box{
    max-width: 700px;
    margin: 250px auto;
    display: grid;
    position: absolute ;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 35%;
    
    
    grid-gap: 1px;
    grid-template-columns: 145px auto;
}
@font-face {
  font-family: "CPCompanyFlash";
  src: url("./fonts/CPCompanyFlash.otf") format("otf");
}
@font-face {
  font-family: "PLD";
  src: url("./fonts/PLD.woff") format("woff");
}
@font-face {
  font-family: "JohnSpeed";
  src: url("./fonts/JohnSpeed.woff") format("woff");
}

@font-face {
  font-family: "IBM";
  src: url("./fonts/IBM.woff") format("woff");
}
body{
  background-color: #ECECEC;

}


 


nav{
     border: #0b1f28 1px solid;
    

     
     background-color: #ECECEC;
     font-family: Verdana;

     h2{

      font-family: "IBM";
      font-style: italic;
      margin-top: 70px;
        font-size: 20px;
        
         
        
 
     }
    

     grid-row: 2 / 3;
     grid-column: 1 / 2;
     height: 370px;
     width: 140px;
     text-align: center;
     
}





.chisla1{

position: absolute;
left: 300px;

      
    }








.buttooon{
  
  
  position: relative;
  top: 50px;
  font-size: 12px;
  height: 20px;
  width: 50px;
  

  

}





p {
    
    font-family: "IBM";

    
    color: #333;
    font-size: 12px;
    
    
 
   
  }

  



  .osiafj{

position: absolute ;

  
  right: 1200px;
  bottom: 500px;
    
  }


.osiafj2{

position: absolute ;

  
  right: 1100px;
  bottom: 00px;
    
  }


  .osiafj3{

position: absolute ;

  
  right: 500px;
  top: 670px;
    
  }


  .osiafj4{

position: absolute ;

  
  left: 800px;
  bottom: 700px;
    
  }


  .osiafj5{

position: absolute ;

  
  left: 1200px;
  bottom: 200px;
    
  }


  .osiafj6{

position: absolute ;

  
  left: 1000px;
  bottom: 80px;
    
  }


  .osiafj7{

position: absolute ;

  
  right: 1000px;
  bottom: 700px;
    
  }



  


.seux{

  font-family: "IBM";
  
  position: relative;
  padding: 10px;
  font-size: 14px;
  top: 65px;

}

 h3{

  font-family: "PLD";
  position: absolute ;

  
  color: #0b1f28;
  left: 330px;
  
  bottom: 370px;
  font-size: 107px;
  z-index: -1;
  opacity: 100%;
  
  
  


}






h6{
position: relative;
  font-family: "IBM";
text-align: center;

bottom: 225px;
font-size: 14px;





}






main{
    border: #0b1f28 1px solid;
    

    background-color: #ECECEC;
    font-family: "CPCompanyFlash";


    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: 600px;
    width: 550px;  
    
    font-size: 55px;
    text-align: center;


}



.cattt{

  position: absolute;   
     
   bottom: 680px;
    
 

  z-index: -1;


}


.music1{
font-family: "IBM";
position: relative;
left: 520px;
bottom: 40px;


}





.anketa1{






  position: absolute;
  left: 394px;
  bottom: 470px;
  font-size: 13px;
  text-align: left;

  



}

.example1{


position: absolute;
left: 580px;
top: 345px;
font-size: 12px;



}


.music2{
color: #4677a8;
position: relative;
left: 520px;
bottom: 40px;
font-size: 19px;
background-color: #ECECEC;
border: #A9C2DE 1px solid;
padding: 0px 50px;
background-image: repeating-linear-gradient(
          -45deg,
  #CEDCEC 2px,
  #CEDCEC 5px,
  #A9C2DE 6px,
  #A9C2DE 6px
      );
}



.passport1{

position: absolute;
width: 200px;
left: 162px;
top: 100px;
border: #0b1f28 1px solid;



}

.popsa2{
  
text-align: left;
position: absolute;
bottom: 60px;
padding: 0px 20px;
font-size: 12px;
font-family: sans-serif;


}

.nax2{

position: absolute;
top: 100px;

left: 1007px;
width: 80px;
border: #0b1f28 1px solid;
}


.turrel1{
 position: absolute;
 top: 540px;
 left: 480px;
 width: 200px;
 border: #0b1f28 1px solid;




}

.liss1{

position: absolute;
width: 50px;
left: 47px;
top: 205px;
border: #0b1f28 1px solid;


}

.kid1{

position: absolute;
width: 60px;
left: 430px;
top: 270px;
border: #0b1f28 1px solid;




}



.rets1{


position: absolute;
width: 140px;
left: 540px;
top: 380px;
border: #0b1f28 1px solid;








}



.has-scrollbar{


  


     
     font-size: 12px;
     font-family: "IBM";
     position: relative;
     right: 147px;
     top: 396px;
     background-color: #ECECEC;
     color: #4677a8;
     border: #0b1f28 1px solid;
     text-align: left;
   
  




    }
footer{

  
    font-family: "CPCompanyFlash";


    text-shadow: rgb(11, 31, 40) 1px 0px 0px, rgb(11, 31, 40) 0.540302px 0.841471px 0px, rgb(11, 31, 40) -0.416147px 0.909297px 0px, rgb(11, 31, 40) -0.989992px 0.14112px 0px, rgb(11, 31, 40) -0.653644px -0.756802px 0px, rgb(11, 31, 40) 0.283662px -0.958924px 0px, rgb(11, 31, 40) 0.96017px -0.279415px 0px;
   color: #ECECEC;

    width: 697px;
    font-size: 18px;
    grid-row: 3 / 3;
    grid-column: 1 / 3;
    
}


header{

  font-family: 'CPCompanyFlash';

  border: #1e3a5f 1px solid;
  background-color: #ECECEC;
  text-align: center;
  position: relative;
  bottom: 228px;
  height: 17px;
  width: 140px;
  font-size: 18px;
  grid-row: 3 / 3;
  grid-column: 1 / 3;


 





}


.suka2{

  position: relative;


  font-size: 12px;
  
  right: 36px;
  height: 13px;
  width: 70px;
  bottom: 35px;
}


.suka3{
font-family: Arial;
  font-size: 11px;
  position: relative;
  padding: 4px;

  color: #4677a8;
  background-image: repeating-linear-gradient(
          -45deg,
  #CEDCEC 2px,
  #CEDCEC 5px,
  #A9C2DE 6px,
  #A9C2DE 6px
      );
      
 border-top: 1px solid #A9C2DE;
 border-bottom: 1px solid #A9C2DE;


}


.suka4{


  font-family: "IBM";
  font-size: 14px;
  padding: 0px 7px;



}