* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body {
  height:100vh;
  width:100%;
  background-color: #c3c3c3;
}
.header {
  width:100%;
  padding:17px;
  background-color: #1f8ebc;
}
.header span {
  font-size: 20px;
  font-weight: bold;
  font-family: Consolas;
  color:#ffffff;
}
.info-text {
  text-align: center;
  padding:7px;
  display:flex;
  flex-direction: column;
  align-items: center;
}
.info-text p {
  font-family: Consolas;
  color:#1f8ebc;
  font-size: 17px;
  font-weight: bold;
}
.error-container-msg {
  padding:10px;
  width:90%;
  /*background-color:#d60b0b #1f8ebc;*/
  border-radius:7px;
  display: none;
}
.error-container-msg p {
  color:#e1e1e1;
  font-family: Consolas;
  font-size: 14px;
}
 .fill {
   background-image: url('check.png');
   position: relative;
   left: 7px;
   top:5px;
   height: 150px;
   width:150px;
   cursor: pointer;
   background-position: center;
   background-size: cover;
 }
 .empty {
   height:160px;
   width:160px;
   background-color: #e9e9e9;
   display: inline-block;
   border-radius:7px;
   
 }
 .container {
   padding:7px;
   text-align: center;
 }
 .game-start {
   padding:7px;
   border-radius:7px;
 }
 .invisible {
   display:none;
 }