html,
body {
  margin: 0;
  height: 100%;
}

nav i {
  padding: 0.5em;
  zoom: 3;
  color: #daf6ff;
}
#timeChrono {
  color: #daf6ff;
}
nav i:hover {
  color: lightcoral;
}

.contenu button {
  background-color: transparent;
  border: none;
  zoom: 3;
  color: #daf6ff;
}

.inputTimeText {
  background: transparent;
  width: 100px;
  /* border: black 1px; */
  color: #daf6ff;
}

nav {
  display: flex;
  justify-content: center;
}

body {
  background: #0f3854;
  background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);
  background-size: 100%;
}

p {
  margin: 0;
  padding: 0;
}

.contenu {
  font-family: "Share Tech Mono", monospace;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #daf6ff;
  text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
  letter-spacing: 0.05em;
  font-size: 80px;
  padding: 5px 0;
}
.alarmText {
  font-size: 0.3em;
}
.alarmList{
  font-size: 0.2em;
}