.canopy-wrapper{text-align:center;perspective:350px;cursor:default;border-radius:4px;width:min(90vw,700px);margin:0 auto;padding:7em 0;font-weight:700;position:relative;box-shadow:inset 0 -1px #0003,0 21px 8px -12px #0003}.canopy-wrapper:focus{outline:none}.canopy-wrapper p{color:#fff;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 20px 80px #0000001a;margin:0;font-size:5.5em;line-height:1.15;transition:transform .15s ease-in,color .15s ease-in,text-shadow .15s ease-in,font-size .15s ease-in}@media (min-width:640px){.canopy-wrapper p{font-size:6.75em}}.canopy-wrapper:hover p{color:#0000;transition:transform .2s ease-out,color .2s ease-out,text-shadow .2s ease-out,font-size .2s ease-out;transform:rotate(2.5deg)rotateX(10deg)skew(-1.5deg)}.canopy-wrapper:hover p:first-child{text-shadow:0 0 10px #fff,0 4px 3px #fff,0 9px 3px #ddd,0 12px 1px #ccc,0 14px 5px #0003,0 20px 10px #0000001a,0 15px 80px #003c1440;font-size:.99em}.canopy-wrapper:hover p:nth-child(2){text-shadow:0 0 1px #fff,0 4px 3px #eee,0 9px 3px #ddd,0 12px 1px #ccc,0 14px 3px #0003,0 20px 10px #0000001a,0 15px 80px #00643c4d;font-size:1em}.canopy-wrapper:hover p:nth-child(3){text-shadow:0 0 2px #fff,0 4px 5px #fff,0 9px 5px #ddd,0 12px 10px #ccc,0 14px 5px #0003,0 20px 10px #0000001a,0 15px 80px #008c4659;font-size:1.01em}.canopy-wrapper:active p{transition:transform .12s ease-out,color .12s ease-out,text-shadow .12s ease-out,font-size .12s ease-out;transform:rotate(6.5deg)rotateX(28deg)skew(-4deg)}.canopy-wrapper:active p:first-child{font-size:.92em}.canopy-wrapper:active p:nth-child(2){color:#52e081;text-shadow:0 2px #0000004d,0 4px 6px #0003,0 0 40px #22c55ea6,0 0 90px #22c55e59;font-size:1.06em}.canopy-wrapper:active p:nth-child(3){font-size:1.16em}.canopy-wrapper p::selection{background-color:#16a34a}