@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap);body{font-family:Inter,sans-serif;transition:background-color .5s ease,color .5s ease}.font-holtwood{font-family:'Holtwood One SC',serif}.font-playfair{font-family:'Playfair Display',serif}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}:target .reveal-on-scroll,:target.reveal-on-scroll{opacity:1!important;transform:translateY(0)!important;transition:none!important}.characters-stage{position:relative;width:400px;height:350px;z-index:20}.monster-char{position:absolute;bottom:0;transform-origin:bottom center;transition:transform .4s cubic-bezier(.2,.8,.2,1),height .4s ease}.monster-char .eyes{position:absolute;display:flex;transition:all .4s ease}.monster-char .eye{background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .12s ease}.monster-char .eye.blinking{transform:scaleY(.1)}.monster-char .pupil{background-color:#2d2d2d;border-radius:50%;transition:transform .1s ease-out}.char-purple{left:20px;width:140px;height:320px;background-color:#6c3ff5;border-radius:10px 10px 0 0;z-index:1}.char-purple .eyes{left:40px;top:40px;gap:20px}.char-purple .eye{width:18px;height:18px}.char-purple .pupil{width:7px;height:7px}.char-black{left:140px;width:100px;height:250px;background-color:#2d2d2d;border-radius:8px 8px 0 0;z-index:2}.char-black .eyes{left:25px;top:30px;gap:15px}.char-black .eye{width:16px;height:16px}.char-black .pupil{width:6px;height:6px}.char-orange{left:-20px;width:180px;height:150px;background-color:#ff9b6b;border-radius:90px 90px 0 0;z-index:3}.char-orange .eyes{left:70px;top:70px;gap:25px}.char-orange .pupil{width:12px;height:12px}.char-yellow{left:210px;width:110px;height:180px;background-color:#e8d754;border-radius:55px 55px 0 0;z-index:4}.char-yellow .eyes{left:40px;top:40px;gap:20px}.char-yellow .pupil{width:12px;height:12px}.char-yellow .mouth{position:absolute;left:35px;top:80px;width:40px;height:4px;background-color:#2d2d2d;border-radius:4px;border:none}.char-yellow.is-smiling .mouth{top:72px;height:20px;background-color:transparent;border:4px solid transparent;border-bottom:5px solid #2d2d2d;border-radius:50%}