Game.css

 *{
margin:0px;
padding: 0px;
/* justify-content works in direction of flex whereas align items worls in perpendicular direction; */
    }
    .banner{
    width:100%;
    background-image:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)) ,url(image.avif);
  background-size: cover;
 background-position: center;
height:100vh;

}
    h1{
align-items: center;
text-align :center;
color:antiquewhite;

font-family:url(https://fonts.google.com/specimen/Alkatra);

    }
    .head{
        height:20vh;
     
        font-size: 40px;
    }
.body{
  
    height:80vh;
    }
    h2{
        font-size: 30px;
  text-align: center;
        color:rgb(241, 233, 233);
text-decoration: underline;
    }
    p{
        align-items: center;
        font-size: 20px;
        color:bisque;
        text-align: center;
    }
    #gamec,#gamep{
        text-align: center;
        font-size: 18px;
        font-weight: 30;
        font-family: Georgia, 'Times New Roman', Times, serif;
        color:gray;

    }
    h3{
        margin-left: 43%;

    }
    .button{
        text-align: center;
    }
    #btn1,#btn2,#btn3{
border:2px solid black;
border-radius: 60%;
align-items: center;
width:70px;
height:70px;


    }
    .emoji{
        font-size: 30px;
    }
   h4{
    text-align: center;
   }