@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Roboto:wght@700&display=swap");

* {
  overflow: hidden;
}
a {
  color: #fff;
}

.slime {
  width: 300px;
  height: auto;
  padding-top: 30%;
  transform: translatex(-1em);
}

.slime-slide1,
.slime-slide2,
.slime-slide3 {
  position: absolute;
}
.slime-slide1 {
  animation: slideSlime1 linear 6s infinite;
  width: 300px;
  filter: contrast(0.6) hue-rotate(10deg);
  opacity: 0.75;
}
.slime-slide2 {
  animation: slideSlime3 linear 3s infinite;
  width: 430px;
  filter: contrast(0.7);
  opacity: 0.86;
}
.slime-slide3 {
  animation: slideSlime2 linear 6s infinite;
  width: 200px;
  filter: contrast(0.65);
  opacity: 0.5;
}
.container {
  margin-top: 1em;
  max-height: 95%;
  height: 95%;
  border-radius: 1em;
  max-width: 90%;
  padding-top: 1.5em;
}
h1 {
  font-family: "Roboto", Sans-Serif;
  font-weight: 700;
}
#toast {
  width: fit-content;
  font-family: "IBM Plex Mono", Sans-Serif;
  background: #2a2a2a;
  border-radius: 5px;
  border: 1px #fff solid;
  padding: 5px;
  text-align: center;
  color: #fff;
  z-index: 9;
  position: absolute;
  opacity: 0;
  left: 2%;
}
.toastAnim {
  animation: slideupToast linear 4s;
}
#music {
  display: none;
}
#speedSlime {
  display: none;
  width: 100px;
  height: auto;
  top: 0;
  transform: translatey(-12em);
  transform: translatex(-10em);
  animation: speed linear 600ms;
}

.speeeed {
  animation-duration: 0.7s;
}
.title {
  color: #fff;
  height: fit-content;
  width: fit-content;
}