html{margin:0;padding:0;font-family:"Lustria", serif;background:#939391}body{margin:0;padding:0;text-align:center}.top-content{padding:80px 0px;width:100%;background:#F2C4E2}.mid-content{width:100%;background:#fff}@media screen and (min-width: 768px){.mid-content{padding:30px 0 100px}}h1,h2,h3,h4,h5{font-weight:200;font-family:"Lustria", serif}h3{font-size:43px;line-height:1.3}input[type=email]{font-size:17px;padding:20px 18px 14px;border:none;width:300px;margin:10px auto 0;text-align:center;border-radius:50% 50% 0 0;border-bottom:4px solid teal;border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #555}input[type=submit]{font-size:17px;padding:20px;background:#333;color:#fff;border:none;display:block;transform:0.7s;width:300px;margin:0 auto;border-radius:0 0 50% 50%}input[type=submit]:hover{background:#333}h4{text-transform:uppercase;font-size:1.5rem;line-height:1.5;margin-bottom:0;padding-bottom:0}h5{text-transform:uppercase;font-size:1.4rem;line-height:1.5;margin-bottom:0;padding-bottom:0;font-weight:bold}.mid-content h4 span{padding:2px 12px;display:inline-block;margin-bottom:3px}form span{padding:8px 12px;display:inline-block;margin-bottom:3px}form{padding:4px 0px;margin:-4px 0 0}footer{background:#939391;width:100%;padding:10px 0 10px;color:#fff}.d-none{display:none}.signup{background:rgba(242,196,226,0.3);padding:20px 10px}@media screen and (min-width: 768px){.signup{width:400px;margin:50px auto 0;border-radius:50%;padding:100px 50px 0;height:400px;border:1px solid #333;box-shadow:0px 0px 20px #888}}.quotes{margin:30px 0 40px;line-height:1.5}.quotes:hover .attribution{border-bottom:none;background-repeat:repeat;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 10 18'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .5s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(-10px);%7Dto %7Btransform:translateX(0);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='white' stroke-width='1' class='squiggle' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5' /%3E%3C/svg%3E")}@media screen and (min-width: 1024px){.quotes{margin:35px 0 45px}}.quote{color:white;margin:15px auto;padding:0 6px;max-width:800px}@media screen and (max-width: 650px){.quote h2{font-size:1.3rem}}.attribution{display:inline-block;border-bottom:1px solid #fff;padding-bottom:2px}:root{--fluid-type-min:2rem;--fluid-type-max:10rem;--fluid-type-target:5vw;--color:#333333}body{background:#24313c;color:var(--color)}h1>span{line-height:1;font-size:clamp(var(--fluid-type-min, 1rem), calc(1rem + var(--fluid-type-target, 3vw)), var(--fluid-type-max, 1.3rem));display:block}.intro-sm{font-size:1.8rem}.main{--fluid-type-min:3rem;--fluid-type-max:8rem;--fluid-type-target:10vw;font-weight:400;font-style:normal;line-height:0.7;margin-left:-0.06ch;text-transform:uppercase;margin-top:20px;margin-bottom:15px}.main .char{cursor:zoom-in;transform-origin:center bottom;transition:transform 400ms cubic-bezier(0.4, 0, 0.7, 1.8),color 400ms ease;color:var(--color);box-shadow:none}.main .char:nth-child(3),.main .char:nth-child(4){letter-spacing:0.02ch}.main .char:hover{transform:scale(1.4);transition-duration:200ms;text-shadow:0px 0px 3px #000,0px 0px 20px var(--color);z-index:1}.main .char:nth-child(1):hover{--color:#ffd300}.main .char:nth-child(2):hover{--color:#de38c8}.main .char:nth-child(3):hover{--color:#8b5fda}.main .char:nth-child(4):hover{--color:#86bbd8}.main .char:nth-child(5):hover{--color:#d3f6db}.main .char:nth-child(6):hover{--color:#eb9486}