*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
 body {
      /* background-color: #fdf0d5; */
  background-color: #003049;
      }
.main{
    
    display : flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap:wrap;
   
 margin: 10px 10px 0px 10px;
  background-color: #fdf0d5;
  font-weight: 900;
  /* background-color: #003049; */
      }
.gameoptions{

display: flex;
justify-content: center;
align-items: center;

}
#radioGroup{
    margin-top: 10px;
    display: flex;
    color: #b79f9f;
    font-weight: 700;
    /* background-color: #aabc9f; */
   margin-right: 30px;


}

 .gameboard {

    margin-top: 10px;
    display :flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    background-color: #fdf0d5;
    
    /* background-color: #669bbc ; */
    
    margin: 10px 10px 0px 10px;
    border: 2px solid black;
    }
.footer{
    width: 96%;
    color:  #909396;;
   
    text-align: end;
}


 .heading {
    font-size: 2rem;
    /* width: 5%vw; */
    /* color:#fdf0d5 */
    color : #003049;

          }
     
.heading1 {
    font-size: 2rem;
    /* width: 5%vw; */
    color:#780000;
   
          }
.placeholder{

    font-size: 2rem;
    /* color: rgb(7, 131, 106); */
    width: 10%;
    color: black;
    margin-left: 5px;
}
   
.playarea{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  height: 65vh;
  /* background-color: #003049; */
  background-color: #fdf0d5;
   /* background-color: pink; */
   /* background-color:#fdf0d5; */
 width: 60%;
 margin-left: 18%;
 margin-top: 2%;
 border: 2px solid black;

}
.control{

    display: flex;
    flex-wrap: wrap;
    
    align-items: center;
    justify-content: center;
    color: blue;
    margin-top: 50px;
  

    
}
.btn{
background-color: black;
color: white;
font-size: 1.6rem;
margin-right: 8px;
border-radius: 7px;
cursor: pointer;

padding: 2px 2px 2px 2px;

}
.bubble{
 display: flex;
    align-items: center;
    justify-content: center;
    /* color: #434242; */
    /* color: azure; */
    color: #003049;
    font-size: xx-large;
    width: 45px;
    height: 45px;
    margin: 5px;
    background-color: rgb(66, 126, 102);
    /* background-color: rgb(99, 66, 126); */
    border-radius: 50%;
    cursor: pointer;

}
    

.gameOver{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    
   
    /* color: White; */
    color:#780000;
    font-size: 3rem;
    width: 50vw;
    height: 50vmin;
    /* background-color: rgb(66, 126, 102); */
    /* background-color: rgb(99, 66, 126); */
    border-radius: 50%;}