.bouquet-0,
.bouquet-1,
.bouquet-2,
.bouquet-3,
.bouquet-4 {
  height: 90px;
  width: 90px;
  background-size: contain;
  position: absolute;
  top: 8em;
  left: 2em;
}
.bouquet-0 {
  background-image: url(../images/Boquet-00.png);
}
.bouquet-1 {
  background-image: url(../images/Boquet-01.png);
}
.bouquet-2 {
  background-image: url(../images/Boquet-02.png);
}
.bouquet-3 {
  background-image: url(../images/Boquet-03.png);
}
.bouquet-4 {
  background-image: url(../images/Boquet-04.png);
}

h1 {
  font-family: caraque-solid, sans-serif;

  font-weight: 700;

  font-style: normal;
  letter-spacing: 1.5px;
}

body {
  font-family: caraque-solid, sans-serif;

  font-weight: 400;

  font-style: normal;
  color: white;
}
p,
h1 {
  margin: 5px;
}
#scoreBox {
  display: none;
  width: 100vw;
  z-index: 100;
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  text-align: center;
}

@media (max-width: 500px) {
  #scoreBox {
    display: none;
    width: 100vw;
    z-index: 100;
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    text-align: center;
  }
}
#label {
  font-family: caraque-solid, sans-serif;
  font-style: normal;
  font-size: 20px;
  padding: 10px;
}

#input {
  margin-top: 10px;
  border: 2.5px solid #ffffff;
  border-radius: 12px;
  height: 40px;
  width: 195px;
  background: rgba(255, 255, 255, 0.201);
  color: white;
  font-size: 1.5em;
  font-family: "hwt-gothic-round", sans-serif;
  text-align: center;
}

#submit {
  border: 2.5px solid #ffffff;
  border-radius: 12px;
  background: #f2ac57;
  width: 200px;
  color: #ffffffca;
  font-family: "hwt-gothic-round", sans-serif;
  font-size: 1.3em;
  letter-spacing: 1px;
  padding: 8px;
  margin-top: 10px;
}

#submit:hover {
  transition: 0.3s;
  background-color: #f2ac57c5;
}

#action-btn:active {
  transition: none;
  background-color: #f2ac57;
}

p#highscore {
  color: #f2ac57;
  font-size: 40px;
}

a{
  color: #f2ac57;
}