@font-face {
  font-family: Blanka;
  src: url("Blanka-Regular.otf") format("opentype");
}

#main {
  min-height: 100vh;
  min-height: 100svh;
}

label:after {
  content: "+";
  position: absolute;
  right: 1em;
  color: #fff;
}

input:checked + label:after {
  content: "-";
  line-height: 0.8em;
}

.accordion__content {
  max-height: 0em;
  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
input[name="panel"]:checked ~ .accordion__content {
  /* Get this as close to what height you expect */
  max-height: 50em;
}

.title {
  font-family: Blanka, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body {
  position: relative;
}
/* 
body::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;

  background: url("bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  background-position: center center;
} */