@charset "UTF-8";

.list-8 {
  position: relative;
  padding: 1.5em 1em 1em 2.5em;
  border: 1px solid #ffffff;
}

.list-8>div {
  position: absolute;
  top: -.75em;
  left: 1em;
  padding: 0 .5em;
  background-color: #ffffff;
  color: #333333;
  font-weight: 600;
}

.list-8 ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

.list-8 li {
  padding: .3em .3em .3em 0;
}

.list-8 li::marker {
  color: #ffffff;
  font-size: 1.1em;
}

body {
  font-family: "Klee One", 'Arial', sans-serif;
}

.klee-one-regular {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}

.klee-one-semibold {
  font-family: "Klee One", cursive;
  font-weight: 600;
  font-style: normal;
}

.main-bg {
  color: #ffffff;
}

body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: url(../bg.webp);
  background-size: cover;
}