body {
    background-color: #1A1F36;
    margin: 0;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#upper-block {
   color: #D1C4E9;
   background-color: #2B2B52 ; 
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100px;
   font-size: 30px;
}

#upper-block:hover {
    background-color: #3C3C72;
}

#gameboard {
    height: 200px;
    margin-right: auto;
    margin-left: auto;
}

table {
    background-color: #1A1F36;
    color: #D1C4E9 ;
    border-collapse: collapse;
    text-align: center;
    position: absolute;
    right: 35%;
    -ms-transform: translateX(-35%);
    transform: translateX(-35%);
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

td {
    border: 2px solid #1A1F36;
    width: 120px;
    height: 120px;
}

.cellfirst, .cellsecond, .cellthird {
    height: 100%;
    width: 100%;
    background-color: #2B2B52 ;
    border-width: 0;
    font-size: 99px;
}

.cellfirst:hover, .cellsecond:hover, .cellthird:hover {
    cursor: pointer;
    background-color: #3C3C72;
}