#hero{text-align:center;max-width:960px;margin:150px auto 100px;padding:0 32px}#hero h1#tagline{max-width:65%;margin:0 auto 24px;font-size:4.8rem;line-height:1.3}#hero h3#blurb{max-width:63%;margin:0 auto;font-size:1.8rem;font-weight:400;line-height:1.8}@media only screen and (max-width:750px){#hero{margin:120px auto 80px}#hero h1#tagline,#hero h3#blurb{max-width:100%}}#screenshots{padding:0 10vw}.screen{background-color:#f5f5f5;border-radius:16px;width:min(100%,144vh);max-width:1440px;margin:10% auto;padding-top:min(55%,80vh,795px);position:relative;box-shadow:0 4px 16px #3c404326,0 12px 48px #3c40430d}#screenshots .screen:first-child{margin-top:0}.image{z-index:1;text-align:center;color:#fff;background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:8px;font-size:25px;position:absolute;inset:0}.confetti-butt{cursor:pointer;color:#fff;background-color:#1877f2;border:none;border-radius:100px;width:fit-content;margin:40px auto auto;padding:20px 50px;font-family:inherit;font-size:2em;font-weight:bolder;transition:all .4s cubic-bezier(.33,1,.68,1);box-shadow:0 4px 16px 6px #1877f244}.confetti-butt span{background:linear-gradient(currentColor 0 0)0 100%/var(--underline,0)4px no-repeat;transition:all .4s}.confetti-butt:hover{transform:translateY(-10px);box-shadow:0 14px 32px 6px #1877f244}.confetti-butt:hover span{--underline:100%;transition:all .2s}