body {
  background: rgb(2,0,3);
  background-image: linear-gradient(
            rgba(22,6,45,0.85) 1px,
            transparent 1px
        ),
        linear-gradient(90deg, rgba(22,6,45,0.85) 1px, transparent 1px);
    background-size: 40px 40px;
    font-family: Arial, Sans-Serif;
    color: white;
}

.box {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 45vh 0px 45vh 0px;
}

.box h1 {
  text-align: center;
  transition: 1s;
}

#wish {
  display: none;
  background: none;
  color: white;
  border: 1px solid rgba(51,16,102,0.85);
  border-radius: 8px;
  padding: 5px;
  outline: none;
  margin-bottom: 7px;
  width: 75%;
  height: 25px;
}

.option {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.option button {
  background: none;
  color: white;
  border: 1px solid rgba(51,16,102,0.85);
  border-radius: 8px;
  padding: 7.5px;
  font-size: 15px;
  transition: 1s;
}

#lvl1 {
  background: linear-gradient(77deg, rgba(71,20,145,0.85), rgba(135,85,208,0.85));
  -webkit-background-clip: text;
  color: transparent;
}

#lvl2 {
  background: linear-gradient(77deg, rgb(165,103,255), rgba(135,85,208,0.85));
  -webkit-background-clip: text;
  color: transparent;
}

#lvl3 {
  background: linear-gradient(77deg, rgb(165,103,255), rgba(188,12,232,0.983));
  -webkit-background-clip: text;
  color: transparent;
}

#tombol2 {
  display: none;
}
