canvas{z-index:-1;position:fixed;top:0;left:0}*{font-family:bradon-grotesque,sans-serif;font-style:normal;font-weight:400}main{color:#fff;width:100%;margin:0px, auto;z-index:1;grid-template-columns:repeat(12,1fr);padding:120px 0;display:grid;position:absolute}header{background:#0f0f0ff2;grid-column:2/span 5;margin-bottom:350px;padding:32px;font-size:40px}header h1{margin:0 0 8px}header p{margin:0}section{background:#0f0f0ff2;grid-column:2/8;margin-bottom:350px;padding:16px;font-size:20px;line-height:1.5}.left{grid-column:6/12}#cupcake-container{opacity:0;pointer-events:none;z-index:1;grid-area:2/2/auto/6;justify-content:center;align-items:center;margin-bottom:350px;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(-80px)scale(.7)}#cupcake-container.visible{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}#cupcake-canvas{width:100%;height:450px;display:block}#counter{color:#fff;background:#0f0f0ff2;grid-column:6/12;margin-top:-320px;margin-bottom:350px;padding:16px;font-size:40px;line-height:1.5}#popcorn-container{opacity:0;pointer-events:none;z-index:1;grid-area:3/8/auto/12;justify-content:center;align-items:center;margin-bottom:350px;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(80px)scale(.7)}#popcorn-container.visible{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}#popcorn-canvas{width:100%;height:450px;display:block}