body{
 height: 600px;width: 99%;
 margin: 0px;padding: 0px;
 display: flex;justify-content: center;align-items: center;
 flex-direction: column;
 gap: 20px;
 background-color: #bbf8b0;
}
header{
 width: 100%;
 display: flex;
 justify-content: space-around;
 align-items: center;
 font-size: 20px;
 font-weight: 800;
}
.Game_Place{
 display: grid;
 grid-template-rows: 1fr 1fr 1fr;
 grid-template-columns: 1fr 1fr 1fr;
 cursor: pointer;
}
.Game_Place div{
 height: 100px;width: 100px;
 background-color: #ffffff;
 border: 2px solid rgb(105, 69, 1);border-radius: 5px;
 display: flex;justify-content: center;align-items: center;
 font-size: 40px;font-weight: bolder;
}
div:hover{
 background-color: #d9d8d8;
}
button{
 padding: 10px 30px;
 background:linear-gradient(to right,rgb(1, 254, 1),orange);
 color: rgb(255, 255, 255);
 font-size: 20px;font-weight: bold;
 border: 2px solid rgb(0, 255, 200);border-radius: 5px;
 box-shadow: 0px 0px 10px rgb(0, 54, 16);cursor: pointer;
 transition: all 1s;
}
button:hover{
 box-shadow: 0px 0px 10px 4px rgb(0, 54, 16);
 background:linear-gradient(to left,rgb(2, 249, 2),orange);
}
.FontSizeDecre{
 animation: DecreFont 2s;
}
@keyframes DecreFont {
 0%{font-size: 25px;}
 100%{font-size: 0px;}
}