html {
   min-height: 100%;
}

body{
background: linear-gradient(45deg, grey, white, grey, white, grey, white);
}

table{
display: block;
margin: auto;
text-align: center;
width: 98%;
}

tr{
display: inline;


}

.clicked{
background-color: rgb(255,255,50);
border: 2px solid black;
border-radius: 5px;
width: 36px;
height: 36px;
box-shadow: rgba(0,0,0,0.4) 3px 3px 2px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
}

.unclicked{
background-color: rgb(190,170,0);
border: 2px solid black;
border-radius: 5px;
width: 36px;
height: 36px;
box-shadow: rgba(0,0,0,0.4) 3px 3px 2px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
}

input{
background-color: rgb(150,150,150);
display: inline;
margin: 5px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: center;
box-shadow: rgba(0,0,0,0.4) 3px 3px 2px;
border: 2px solid black;
}

p{
text-align: center;
}