@font-face {
  font-family: "sifonn";
  src: url("./public/neon_80s/Neon.ttf");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
:fullscreen,
::backdrop {
  background-color: white;
}
.container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  width: 50%;
  flex-direction: column;
  border: 2px solid #93142d;
}
.target {
  font-family: "sifonn";
  margin: 20px;
  color: #93142d;
  font-size: 5vw;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.number {
  color: black;
}
.navbar {
  background-color: #e6e7e7;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  padding: 20px;
}
.img-container {
  /* background-image: url("./public/logo.png");
  width: 33.3%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%; */
  width: 33.3%;
  display: flex;
  justify-content: center;
}
.img-container img {
  width: 54%;
  /* height: 100%; */
}
.date,
.time {
  width: 33.3%;
  font-size: 4vw;
  margin: 0;
  font-weight: lighter;
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
}
.super-container {
  display: flex;
}
.label {
  color: black;
  text-decoration: underline 5px solid #93142d;
}