styles.css

body{
    background-color: #CCC;
    text-align: center;
}
.selection{
    font-size: 3em;
    background-color: inherit;
    border: none;
    padding:0em 0.5em;
    margin:0em 0.1em;
    outline: none;
}
.selection:hover{
    transform: scale(1.2);
}
table{
    align-self: center;
    font-size: large;
    margin: 1em auto 0;
}
td{
    padding:0;
    width:50%;
    font-size:xx-large;
    font-weight: bold;
}
tbody td{
    padding:0 1em; 
    font-size: 3em;
}
.scoreDisplay{
    font-size:smaller;
    font-weight: normal;
    color: rgb(80, 80, 80);
}
.info{
    color: azure;
    top: 0;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.829);
    display: none;
    font-size: 3em;
}
#restart{
    margin: 0.2em 0;
    padding: 0.2em;
font-size: xx-large;
font-family: cursive;
font-weight: 900;
}
#hid{display: none;}