body {
  margin: 0;
  background:
    linear-gradient(45deg, #ff4d6d, #5f27cd);
  min-height: 300vh;
  color: white;
  font-family: sans-serif;
}

.content {
  padding: 60px;
}

/* fixed overlay */
.frame-shell {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

.frame-shape {
  width: 100%;
  height: 100%;
  display: block;
}

/* this is what blurs underneath */
.glass-frame {
  width: 100%;
  height: 100%;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  background: rgba(20,20,20,0.15);
}