.background{background-color:#333;position:fixed;top:0;left:0;width:100%;height:100%;max-width:100vw;z-index:0;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:0}.background img{max-width:100%;max-height:80vh;flex-grow:1;flex-shrink:1;flex-basis:40%;height:auto;-o-object-fit:cover;object-fit:cover;opacity:0}.foreground{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;display:flex;flex-direction:column;align-items:center;overflow-y:auto}header{margin-block:64px;padding-inline:16px;display:flex;justify-content:center;align-items:center;flex-direction:column}header h1{font-family:cursive;font-size:3rem;margin-block:1rem;text-align:center;text-shadow:0 0 10px white}header .meta{text-transform:uppercase;background-color:#fff;border:2px solid currentColor;padding:4px 16px;border-radius:50px}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none}.audio-player{display:flex;flex-direction:column;justify-content:center;max-width:40ch;text-align:center;color:#fff;font-size:.6rem;text-transform:uppercase}audio{display:block;margin-block:16px;box-shadow:0 0 50px #fff}main{display:flex;gap:64px;justify-content:center;align-items:center;flex-wrap:wrap}.bubbles{display:inline-block;padding:32px;background-color:#fff;border-radius:100%;box-shadow:0 0 50px #fff,0 0 25px #fff,0 0 10px #fff;border:none;text-align:center;max-width:40ch}.small-small{display:block;font-size:.55rem;text-transform:uppercase;margin-block:8px}