body {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f7f2 100%);
}

.chalkboard {
  color: #ffffff;
  background:
    radial-gradient(circle at 22% 14%, rgba(255, 255, 255, .16), transparent 17rem),
    radial-gradient(circle at 78% 82%, rgba(255, 255, 255, .1), transparent 16rem),
    radial-gradient(circle at 50% 44%, rgba(255, 242, 56, .035), transparent 20rem),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .024) 1px, transparent 1px, transparent 6px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .12) 1px, transparent 1px, transparent 9px),
    #171716;
}

.menu-panel {
  box-shadow:
    inset 0 0 0 7px rgba(0, 0, 0, .25),
    inset 0 0 0 8px rgba(255, 255, 255, .22),
    inset 0 0 0 14px rgba(0, 0, 0, .35),
    inset 0 0 0 15px rgba(255, 255, 255, .16),
    inset 0 0 36px rgba(0, 0, 0, .72),
    0 16px 32px rgba(17, 17, 17, .16);
}

.stamp {
  text-shadow:
    2px 2px 0 rgba(0, 0, 0, .35),
    -1px 0 0 rgba(255, 255, 255, .14);
}

.chalk-type {
  letter-spacing: .055em;
  text-shadow:
    1px 1px 0 rgba(0, 0, 0, .45),
    0 0 1px rgba(255, 255, 255, .55);
}

.poster-type {
  letter-spacing: .035em;
  text-shadow:
    2px 2px 0 rgba(0, 0, 0, .35),
    0 0 1px rgba(255, 255, 255, .8);
}

.chalk-line {
  border-top: 4px dashed rgba(255, 242, 56, .95);
  border-bottom: 3px solid rgba(255, 255, 255, .9);
}

.sticker {
  background: rgba(255, 255, 255, .95);
  color: #232323;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .3);
}

.brand-logo svg {
  width: clamp(5.5rem, 14vw, 8rem);
}