body {
  max-width: 1200px;
}
#main-area {
  border-top: none;
  width: 100%;
  height: 80vh;
  display: flex; 
  justify-content: center; 
  align-items: center;  
}

#clock-area p {
  text-align: center;
}
#clock-area #clock {
  font-size: 12rem;
  line-height: 12rem;
  font-weight: bold;
}
#clock-area #date {
  font-size: 2rem;
  line-height: 3rem;
  color: #333;
}

@media screen and ( max-width: 1200px ) {
  #clock-area #clock {
    font-size: 19vw;
    line-height: 19vw;
  }
  #clock-area #date {
    font-size: 3vw;
    line-height: 4vw;
  }
}