#hero{margin:150px auto 100px;padding:0 32px;max-width:960px;text-align:center}#hero h1#tagline{max-width:65%;font-size:4.8rem;line-height:1.3;margin:0 auto 24px}#hero h3#blurb{max-width:63%;font-size:1.8rem;font-weight:400;line-height:1.8;margin:0 auto}@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;position:relative;width:min(100%,144vh);padding-top:min(55%,80vh,795px);max-width:1440px;margin:10% auto;box-shadow:0 4px 16px rgba(60,64,67,.15),0 12px 48px rgba(60,64,67,.05);border-radius:16px}#screenshots .screen:first-child{margin-top:0}.image{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;text-align:center;font-size:25px;color:white;background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:8px}.confetti-butt{width:-moz-fit-content;width:fit-content;margin:40px auto auto;padding:20px 50px;background-color:#1877f2;box-shadow:0 4px 16px 6px rgba(24,119,242,.2666666667);border:none;border-radius:100px;cursor:pointer;font-family:inherit;font-size:2em;font-weight:bolder;color:white;transition:.4s cubic-bezier(.33,1,.68,1)}.confetti-butt span{background:linear-gradient(currentColor 0 0) 0 100%/var(--underline,0) 4px no-repeat;transition:.4s}.confetti-butt:hover{transform:translateY(-10px);box-shadow:0 14px 32px 6px rgba(24,119,242,.2666666667)}.confetti-butt:hover span{--underline:100%;transition:.2s}