body {
    font-family: 'Lato', sans-serif; 
    margin: 0;
    
  }
   table {
       width: 100%;
       height: 70vh;
       color: white;
       background-color: #191919;
       
   }

   td {
       width: 25%;
       text-align: center;
       background-color: rgb(20, 20, 20);
       font-size: 24px;

   }

   td:hover {
       background-color: rgb(30, 30, 30);
      cursor: pointer;
   }

  #resultArea {
      height: 30vh;
      background-color: rgb(40, 40, 40);
      color: white;
      font-size: 64px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      padding: 24px;
      box-sizing: border-box;
      
    }

  #result{
      background-color: rgb(67, 55, 236);
  }

  #result:hover {
      background-color: rgb(110, 101, 235);
  }

  .highlight {
      background-color: rgb(25, 25, 25);
  }