@font-face {
  font-family: "Monoton";
  src: url("./Monoton-Regular.ttf") format("truetype");
}

html {
  font-family: "Monoton", "Courier New", Courier, monospace;
}
* {
  border: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100dvw;
  height: 100dvh;

  background-color: rgb(255, 227, 252);
  background-image: url("/bg.jpg");
}

#time-container {
  width: 100%;
  height: 100%;

  display: flex;
  padding-top: 20%;
  justify-content: center;
  background: rgba(255, 255, 255, 0.329);
  color: #ff3434;
  padding-inline: 50px;
}
#texto {
  font-size: 2rem;
  text-align: center;

  text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.219);
}

#time {
  font-size: 4rem;
  color: white;
}

.hidden {
  display: none;
}
#textoMeses {
  text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.685);
  font-size: 3rem;
  z-index: -30;
}