body {
  background: #F9F0E9;
}

header {
  width: calc(100% - 20px);
  padding: 2rem;
  border: 1px solid hsl(221, 15%, 22%);
  border-radius: 12px;
  background-color: #fff;
}
header.scrolled {
  box-shadow: none;
}
header .menu-item {
  font-weight: 500;
}
header .menu-item a:hover {
  color: #8a4ce1;
}
header .menu-dropdown {
  top: 2rem;
  left: -20px;
  border: 1px solid hsl(221, 15%, 22%);
  box-shadow: 2px 2px 0 0 hsl(221, 15%, 22%);
}
@media (max-width: 576px) {
  header .menu-dropdown {
    border: 0;
    box-shadow: none;
    top: initial;
    left: 20px;
  }
}

.glass {
  background-color: rgba(255, 255, 255, 0.6);
}
.glass:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%1n)" opacity="0.03"/></svg>');
  mix-blend-mode: overlay;
}

.yr-logo span {
  color: #8a4ce1;
}
.yr-logo:hover {
  color: #8a4ce1;
}
.yr-logo:hover span {
  color: #F6CB45;
}

button, .button {
  display: block;
  background-color: #F6CB45;
  border: 1px solid hsl(221, 15%, 22%);
  box-shadow: 2px 2px 0 0 hsl(221, 15%, 22%);
  border-radius: 12px;
  color: hsl(221, 15%, 22%);
  font-size: 16px;
}
button:hover, .button:hover {
  background-color: #F6CB45;
  text-decoration: none;
  box-shadow: 1px 1px 0 0 hsl(221, 15%, 22%);
}

.chip {
  border: 1px solid hsl(221, 15%, 22%);
  border-radius: 20px;
  padding: 2px 6px;
}

header {
  background-color: transparent;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  box-shadow: none;
  border: 0;
}
header.scrolled {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #000;
}

.liquid-glass-svg-filter {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.liquid-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  filter: url("/images/glass.svg#glass-warp-filter");
  overflow: hidden;
  border-radius: 16px;
}
.liquid-glass > * {
  position: relative;
  z-index: 3;
}/*# sourceMappingURL=neo.css.map */