@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

#cal-container{
  display: flex;
  justify-content: center;

  border-radius: 10px;

  font-family: 'Open Sans', sans-serif;
}

#cal{
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  border-radius: inherit;

  margin: 25px;
}

#cal-clock-container{
  background-size: cover;
  
  height: max-content;

  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#cal-clock{
  background-color: rgba(0,0,0,.5);
  padding: 40px;
  width: inherit;
  height: inherit;

  border-radius: inherit;
}

#cal-time{
  font-size: 50px;
}

#cal-table{
  background-color: lightgrey;
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cal-day{
  font-size: 25px;

  width: 50px;
  height: 50px;
  aspect-ratio: 1/1;
  border-radius: 100%;
}