.headlogo {

     background-color: gray;
     display: flex;
     justify-content: space-between;
     align-items: center;




 }

 .base {
     margin: 10px -7px 10px -10px;
     padding: 0px -0px 0px -5px;
     width: 100.2%;
     position: fixed;

 }

 .logo {
     width: 300px;

 }

 .linkhead a {
     color: aliceblue;
     padding: 5px 15px;
     text-decoration: none;
     border-radius: 15px;

 }

 .linkhead a:hover {
     background-color: #949494;

 }

 .signin {
     background-color: white;
     border-radius: 15px;
     color: black;
     padding: 5px 15px;
 }

 .wel-page {

     background-color: black;

     color: rgb(255, 255, 255);

     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 100px 40px 30px 30px;
     margin: -20px;


 }

 .img {

     width: 300px;



 }

 .g {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
   border-radius: 10PX;
   background-color:whitesmoke;
   border-radius: 10px;
   padding: 20px;
   margin: 10px;
   gap: 20px;


 }

 .game {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
background-color: #ebebeb;
border-radius: 10px;
margin: 40px;
padding: 30px 20px ;




 }

 .g-img {

     width: 350px;
     height: 260px;
     border-radius: 10px;
     max-width: px;
     max-height: 260px;

 }

 a {
  text-decoration: none; 
}

a:hover {
    
  text-decoration:  none;
  border-radius: 10px;

}

.font  {
  font-family: "Montenegrin Gothic One", serif;
  font-weight: 400;
  font-style: normal;
  font-size: larger;
}
.e-img{


     width: 220px;
     height: 260px;
     border-radius: 10px;
     max-width: 220px;
     max-height: 260px;
}
.sch-bar{

width:250px ;
border-radius:50px;
padding:15px 50px ;

}

.page-start{

display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;



}