html,
body {
  all: unset;
}

/* This is the style for the time Container */
.container {
  /* Set the width and height to take the whole space */
  width: 100vw;
  height: 100vh;

  /* Centering the elements */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Dark background light text */
  background-color: #1e1e1e;
  color: #ffffff;
}

/* We set the font size and font family of the Time */
h1 {
  font-size: 15em;
  font-family: "Space Mono", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

@media only screen and (max-width: 992px) {
  .c {
    display: none;
  }
  h1 {
    display: flex;
    flex-direction: column;
    font-size: 11em;
  }
}

@media only screen and (min-width: 992px) {
  h1 {
    font-size: 10em;
  }
}

@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 12em;
  }
}

@media only screen and (min-width: 1400px) {
  h1 {
    font-size: 15em;
  }
}
/*  */