body {
   background-color: #454545;
}

* {
   font-family: 'Lato';
   color: white;
   text-align: center;
}

h2 {
   font-size: 2.5rem;
}

.grid {
   display: grid;
   grid-template-columns: min-content min-content;
   grid-template-rows: repeat(4, 1fr);
   column-gap: 2rem;
   margin: 0 auto;
   width: max-content;
}

.time {
   line-height: 6.5rem;
   font-size: 6rem;
   font-weight: 900;
   grid-column: 1;
}

.timeText {
   font-size: 1.5rem;
   line-height: 6.5rem;
   font-weight: 400;
   grid-column: 2;
}

@media screen and (max-width: 800px) {
   .timeText {
      line-height: 5rem;
      font-size: 1.2rem;
   }

   .time {
      font-size: 4.5rem;
      line-height: 5rem;
   }

   h2 {
      font-size: 1.75rem;
   }
}