body{margin:0}body,html{max-height:100vh;overflow:hidden}.nav-selected{background-color:#fff!important}.activity{max-height:100dvh;padding:2%}.letter-card{backface-visibility:hidden;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.card-container{aspect-ratio:1/1.5;perspective:1000px;width:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card-container:hover{z-index:8;transform:translateZ(50px)scale(1.2)}.card-container:before{content:"";opacity:0;filter:blur();z-index:-1;pointer-events:none;background:#ffc933;border-radius:12px;position:absolute;inset:0}.card-container:hover:before{opacity:.8;filter:blur(40px);transition:opacity .6s,filter .6s}.card-container.flipped{z-index:12;animation:1s ease-out forwards flyToCenter}.letter-card{backface-visibility:hidden}.card-front{z-index:2;background:#bdbabc96!important}.card-front:hover{z-index:2;background:#ebbc22!important}.card-back{transform:rotateY(180deg)}@keyframes flyToCenter{0%{transform:translate(0)rotateY(0)scale(1)}50%{transform:rotateY(180deg)scale(1.5)}80%{transform:translate(var(--tx), var(--ty)) rotateY(180deg) scaleX(var(--sx)) scaleY(var(--sy))}to{transform:translate(var(--tx), var(--ty)) rotateY(180deg) scaleX(var(--sx)) scaleY(var(--sy))}}.sparky{z-index:9999;width:30vh;height:40vh;position:absolute}.animation-container{z-index:9998;pointer-events:none;width:100vw;height:100vh;animation:1s linear 5s forwards drop-fade;display:block;position:fixed;top:0;left:0}@keyframes drop-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.hidden-box{display:none}.scroll{max-height:80dvh;overflow:hidden scroll}.scroll-full{max-height:100dvh;padding:1em;overflow:hidden}@media (orientation:portrait){.scroll{max-height:50dvh;overflow:hidden scroll}.scroll-full{max-height:90dvh;overflow:hidden scroll}}@media screen and (width<=1000px){.scroll-full{max-height:90dvh;overflow-x:hidden;overflow-y:scroll!important}}.example-video{text-align:center;border:1px solid #000;align-content:center;width:80%;height:60vh}.correct{border-width:1px;background-color:#c5f2c5!important}.incorrect{animation:.5s shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%,30%,50%,70%,90%{transform:translate(-1px,-2px)rotate(-1deg)}20%,40%,60%,80%{transform:translate(3px,2px)rotate(1deg)}to{transform:translate(1px,-2px)rotate(-1deg)}}.card-incorrect{animation:.3s ease-in-out shake;transform:scale(1.2);background:#f65b4d!important}.card{background:#bdbabc96!important;transition:all .3s ease-out!important}.card:hover{transform:scale(1.1);background:#ebbc22!important}.card-correct{animation:1s ease-in-out correct-answer;background-color:#c5f2c5!important}@keyframes correct-answer{0%{transform:scale(1.2)}to{transform:scale(1)}}.toggle-group{background-color:#fff;border-radius:5px}svg{overflow:visible}#Sparky{offset-path:path("M0 190.5C305.497 190.5 504.218 -79.6031 608.027 24.2822C652.517 68.8044 694.041 199.404 872 95.5181");transform-box:fill-box;offset-rotate:auto 40deg;animation:6s ease-out forwards move}@keyframes move{0%{offset-distance:0%}to{offset-distance:100%}}.star-five{pointer-events:none;background:0 0;border-bottom:28px solid #fff673;border-left:40px solid #0000;border-right:40px solid #0000;width:0;height:0;display:block;position:absolute}.star-five:before{content:"";border-bottom:32px solid #fff673;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;display:block;position:absolute;top:-18px;left:-26px;transform:rotate(-35deg)}.star-five:after{content:"";border-bottom:28px solid #fff673;border-left:40px solid #0000;border-right:40px solid #0000;width:0;height:0;display:block;position:absolute;top:1px;left:-42px;transform:rotate(-70deg)}#Shine{animation:1.5s infinite blink}@keyframes blink{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}#Wing_LT{transform-origin:100% 100%;transform-box:fill-box;animation:1.5s infinite flylefttop}#Wing_RT{transform-origin:0 100%;transform-box:fill-box;animation:1.5s infinite flyrighttop}#Wing_LB{transform-origin:100% 0;transform-box:fill-box;animation:1.5s infinite flyleftbottom}#Wing_RB{transform-origin:0 0;transform-box:fill-box;animation:1.5s infinite flyrightbottom}@keyframes flylefttop{0%{transform:rotate(0)}20%{transform:rotate(-60deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}@keyframes flyleftbottom{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}@keyframes flyrighttop{0%{transform:rotate(0)}20%{transform:rotate(60deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}@keyframes flyrightbottom{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}.main{justify-content:center;align-items:center;height:100vh;display:flex}.container{background-color:#ff0;border:4px solid #000;width:1000px;height:1000px;position:relative;overflow:hidden}.img{z-index:2;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.circle{z-index:1;background-color:#fff;border:4px solid #000;border-radius:50%;width:160px;height:160px;position:absolute;transform:translate(-50%)translateY(-50%)}.Star_svg{z-index:10;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#Star_diamond{transform-origin:50%;animation:1s forwards pop-star}@keyframes pop-star{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1)}}#Star_circle{transform-origin:50%;animation:1s forwards pop-diamond}@keyframes pop-diamond{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}#Exclaim{transform-origin:50%;animation:1s forwards pop-exclaim}@keyframes pop-exclaim{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.75)}}.letter_obj_svg{z-index:10;pointer-events:none;transform-origin:50%;width:100vw;height:100vh;animation:1s forwards pop;display:block;position:fixed;top:0;left:0}@keyframes pop{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(.75)}to{opacity:1;transform:scale(.5)}}#a_leaf{transform-origin:100% 100%;transform-box:fill-box;animation:1.5s leaf_wiggle}@keyframes leaf_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#a_stem{transform-origin:0 100%;transform-box:fill-box;animation:1.5s stem_wiggle}@keyframes stem_wiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#a_apple{transform-origin:50%;transform-box:fill-box;animation:1.5s apple_wiggle}@keyframes apple_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#b_wing2{transform-origin:100% 100%;transform-box:fill-box;animation:1.5s infinite b_wing2_wiggle}@keyframes b_wing2_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#b_wing1{transform-origin:100% 100%;transform-box:fill-box;animation:1.5s infinite b_wing1_wiggle}@keyframes b_wing1_wiggle{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#c_head{transform-origin:50%;transform-box:fill-box;animation:1.5s infinite c_head_wiggle}@keyframes c_head_wiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(-10deg)}80%{transform:rotate(0)}}#c_tail{transform-origin:50%;transform-box:fill-box;animation:1.5s infinite c_tail_wiggle}@keyframes c_tail_wiggle{0%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}80%{transform:rotate(0)}}#c_earR{transform-origin:0 100%;transform-box:fill-box;animation:1.5s infinite c_earR_wiggle}@keyframes c_earR_wiggle{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#d_head{transform-origin:100% 100%;transform-box:fill-box;animation:1.5s infinite d_head_wiggle}@keyframes d_head_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#d_wing{transform-origin:100% 0;transform-box:fill-box;animation:1.5s infinite d_wing_wiggle}@keyframes d_wing_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}80%{transform:rotate(0)}}#e_grasspatch{transform-origin:50%;transform-box:fill-box;animation:1.5s infinite e_grasspatch_wiggle}@keyframes e_grasspatch_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}80%{transform:rotate(0)}}#f_eyemainL,#f_eyemainR{transform-origin:50%;transform-box:fill-box;animation:2s infinite f_EyeL_wiggle}@keyframes f_EyeL_wiggle{0%,to{transform:translateY(0)}40%{transform:translateY(-1px)}80%{transform:translateY(-1px)}}#f_HandL,#f_HandR{transform-origin:50%;transform-box:fill-box;animation:2s infinite f_HandL_wiggle}#f_Mouth{transform-origin:50%;transform-box:fill-box;animation:3s 1s infinite f_EyeL_wiggle}@keyframes f_HandL_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}80%{transform:rotate(0)}}#f_LegL,#f_LegR{transform-origin:50%;transform-box:fill-box;animation:2s infinite f_Leg_wiggle}@keyframes f_Leg_wiggle{0%,to{transform:translateY(2px)}40%{transform:translateY(-2px)}80%{transform:translateY(-2px)}}#g_LegL,#g_LegR{transform-origin:100% 0;transform-box:fill-box;animation:3s infinite g_legfront_wiggle}@keyframes g_legfront_wiggle{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#g_BackL,#g_BackR{transform-origin:0 0;transform-box:fill-box;animation:3s infinite g_leg_wiggle}@keyframes g_leg_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#g_Tail{transform-origin:0 100%;transform-box:fill-box;animation:3s infinite g_Tail_wiggle}@keyframes g_Tail_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}80%{transform:rotate(0)}}#g_Head{transform-origin:100% 100%;transform-box:fill-box;animation:3s infinite g_Head_wiggle}@keyframes g_Head_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}#h_bow{transform-origin:50%;transform-box:fill-box;animation:3s infinite h_bow_wiggle}@keyframes h_bow_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}80%{transform:rotate(0)}}#j_main{transform-origin:50%;transform-box:fill-box;animation:3s infinite j_jean_wiggle}@keyframes j_jean_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(20deg)}80%{transform:rotate(0)}}#k_bowBlue,#k_bowYellow,#k_bowRed{transform-origin:50%;transform-box:fill-box;animation:3s infinite h_bow_wiggle}@keyframes k_bow_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}80%{transform:rotate(0)}}#l_main{transform-origin:50%;transform-box:fill-box;animation:3s infinite l_ladder_wiggle}@keyframes l_ladder_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(20deg)}80%{transform:rotate(0)}}#n_star1,#n_star2,#n_star3,#n_star4,#n_star5,#n_star6,#n_star7,#n_star8{transform-origin:50%;transform-box:fill-box;animation:3s infinite n_stars_wiggle}@keyframes n_stars_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-20deg)}40%{transform:rotate(20deg)}80%{transform:rotate(0)}}#o_Arm1R,#o_Arm1RPath,#o_Arm3R,#o_Arm3RPath{transform-origin:50%;transform-box:view-box;animation:3s infinite o_arms1_wiggle}#o_Arm1L,#o_Arm1LPath,#o_Arm3L,#o_Arm3LPath{transform-origin:50%;transform-box:view-box;animation:3s infinite o_arms2_wiggle}#o_Arm2L,#o_Arm2LPath{transform-origin:50%;transform-box:view-box;animation:3s infinite o_arms1_wiggle}#o_Arm2R,#o_Arm2RPath{transform-origin:50%;transform-box:view-box;animation:3s infinite o_arms2_wiggle}@keyframes o_arms1_wiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}80%{transform:rotate(0)}}@keyframes o_arms2_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}80%{transform:rotate(0)}}#p_ArmR{transform-origin:0 0;transform-box:fill-box;animation:2s infinite p_armr_wiggle}#p_ArmL{transform-origin:100% 0;transform-box:fill-box;animation:2s infinite p_arml_wiggle}@keyframes p_arml_wiggle{0%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}@keyframes p_armr_wiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(0)}80%{transform:rotate(0)}}