* { box-sizing: border-box; }
body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #21002f;
  background: repeating-linear-gradient(45deg, #ffed00 0 30px, #ff46c7 30px 60px);
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}
main {
  width: min(90vw, 720px);
  padding: 3rem 2rem;
  text-align: center;
  background: #5fffe2;
  border: 8px ridge #6c00ff;
  box-shadow: 18px 18px 0 #111;
  transform: rotate(-1deg);
}
.badge {
  display: inline-block;
  padding: .45rem .8rem;
  color: white;
  background: #111;
  letter-spacing: .08em;
  transform: rotate(2deg);
}
h1 {
  margin: 1rem 0 .25rem;
  font-size: clamp(3rem, 12vw, 7rem);
  line-height: .95;
  text-shadow: 4px 4px 0 #fff, 8px 8px 0 #ff46c7;
}
p { font-size: 1.6rem; }
button {
  padding: 1rem 1.3rem;
  border: 4px outset #fff;
  color: #fff;
  background: #6c00ff;
  font: 700 1rem inherit;
  cursor: pointer;
}
button:active { border-style: inset; }
footer {
  position: fixed;
  bottom: 1rem;
  padding: .35rem .7rem;
  color: white;
  background: #111;
  font-size: .85rem;
}