body{
    height: 100vh;
    background-image: url('https://coolbackgrounds.io/images/backgrounds/index/sea-edge-79ab30e2.png');
    background-size: cover;
    overflow: hidden;
}
.container{
  max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    background-color: rgba(250, 250, 250, 0.25); /* Change the opacity here */
    backdrop-filter: blur(10px);
    font-weight: bold;
}
.container h1{
  color: black;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Lucida Console", "Courier New", monospace;
}
.timer h2{
  color: black;
  font-weight: bold;
  font-family: "Lucida Console", "Courier New", monospace;
}
.stopwatch h2{
  color: black;
  font-weight: bold;
  font-family: "Lucida Console", "Courier New", monospace;
}
.timer{
  text-align: center;
}
.stopwatch{
  text-align: center;
}
#stopwatchDisplay {
  font-size: 25px;
}
#timerDisplay{
  font-size: 25px;
}
input[type="number"] {
  width: 100px;
  background-color: rgba(250, 250, 250, 0.25);
}