body {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  font-family: digital-7;
  user-select: none;
  flex-direction: column;
  text-transform: capitalize !important;
  background: #f1f1f1;
}
@font-face {
    font-family: digital-7;
    src: url(../assets/Fonts/digital-7\ \(mono\).ttf);
  }
.clock {
  display: flex;
  align-items: end;
  font-weight: bolder;
  font-family:digital-7;
  font-size: clamp(60px,30vw, 130px);
  /* color: rgb(61, 226, 157); */
  color: gray;
  padding: 10px;
}
::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 600px) {
  .clock {
    font-size: 5em;
  }
}
#td {
  font-size: 5vw !important;
  padding: 10px;
}
.container{
    text-align: center;
    border-radius: 15px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.103),  -5px -5px 10px white;
    padding: 10px;
    border: 2px solid white;
    transition: all .5s ease-in-out;
}
.container:hover{
    text-align: center;
    border-radius: 15px;
    box-shadow:inset 10px 10px 10px rgba(0, 0, 0, 0.103), inset -5px -5px 10px white;
    padding: 10px;
}