#grid {
	display: grid;
	grid-template-columns: repeat(4, 100px);
	grid-template-rows: repeat(4, 100px);
    position: absolute;
    left: 50%;
    top:400px;
    transform: translate(-50%, -50%);
    background-color:#d0c4b4;
   
}
#reset {
    color:#d0c4b4;
    position: absolute;
    border-radius: 3px;
    padding: 5px 10px;
    left:50%;
    top:630px;
    transform: translate(-50%, -75% );
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: none;
    background-color: #3b372b;
}
#score {
    position: absolute;
    color: #786c64;
    font-size: 50px;
    text-align:center;
    left: 50%;
    top:130px;
    transform: translate(-50%, -20.5%);
    width: 3em;
    border-radius: 10px;
    border:4px solid;
    background-color:#d0c4b4;
    border-color:#3b372b;
}
#container{ 
    left: 50%;
    display: block;
    width: 10px;
    margin: 0 auto;
    margin-top: 30px;
}
.square {
	text-align: center;
    padding-top: 18px;
    font-size: 50px;
    font-weight: bold;
	border: 4px solid;
    border-color: #3b372b;
}

body {
    background-color:#fffcec;
  }