.kellotaulu
  {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  container-type: inline-size;
  text-align: center;
  overflow: hidden;

  height: 100%;
  background-color: #420;
  background-color: rgba(0,0,0,0.4);
  border: solid 2px #ed7e3e;
  border-radius: 10px;

  &>*
    {
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    }

  .viikonpäivä 
    {
    font-size: clamp(2rem, 11vw, 6rem);
    font-size: clamp(2rem, 12cqw, 6rem);
    font-weight: bold;
    color: #ffcc00;
    letter-spacing: 3px;
    text-transform: uppercase;
    }

  .aika 
    {
    font-size: clamp(4rem, 11vw, 12rem);
    font-size: clamp(4rem, 22cqw, 12rem);
    font-weight: bold;
    color: #88f;
    }

  .päivämäärä 
    {
    font-size: clamp(2rem, 6vw, 6rem);
    font-size: clamp(2rem, 10cqw, 12rem);
    color: #dddddd;
    }

  .vuosi 
    {
    font-size: clamp(1rem, 4vw, 6rem);
    font-size: clamp(1rem, 6cqw, 10rem);
    color: #dddddd;
    }

  }