body{
    margin: 0;
}
table{
    width: 100%;
    height: 70vh;
    background-color: #505050;
    color: white;
}
td{
    width: 25%;
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    background-color: rgb(77, 77, 77);
}
td:hover{
    background-color: rgb(100, 100, 100);
    cursor: pointer;
}
#resultArea{
    height: 30vh;
    background-color: rgb(114, 114, 114);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    color:white;
    font-family: 'Roboto', sans-serif;
    font-size: 64px;
    padding: 24px;
    box-sizing:border-box;
}
#result{
    background-color: rgb(87, 98, 119);
}
#result:hover{
    background-color: rgb(100, 110, 140);
}
.highlight{
    background-color: rgb(92, 92, 92);
    font-size: 30px;
}