:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{min-height:100vh;margin:0;padding:0;background:#2b5f6e!important}#root{min-height:100vh;background:transparent}.page-content{margin-top:calc(115px + 19.4vw);min-height:100vh;height:auto;padding:calc(5px + 19.4vw) 20px 60px;box-sizing:border-box;margin:0 auto;text-align:left;font-size:1.1rem;line-height:1.7;color:#fff;background:#2b5f6e}.page-content a{color:#ff8573;text-decoration:underline}.page-content a:hover{color:#ff8573}@media(max-width:868px){.page-content{font-size:1rem}}.kids-letters,.kids-letters span,.kids-letters a,.kids-letters .submenu-list li{font-family:Comic Sans MS,Marker Felt,Chalkboard,cursive,sans-serif!important}.kids-letters span,.kids-letters a{font-weight:700;font-size:1.1em}.palm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/images/site/fronds-21.png);background-size:20%;background-repeat:no-repeat;background-position:top left;pointer-events:none;z-index:1200;opacity:.05;transform:translateY(var(--palm-offset, 0));transition:transform .05s ease-out;animation:palmFade 12s ease-in-out infinite}@keyframes palmFade{0%,to{opacity:.3}50%{opacity:.4}}@media(max-width:868px){.palm-overlay{background-image:url(/images/site/fronds-11.png);background-size:50%;background-position:top left;opacity:.05;animation-duration:16s}}@media(prefers-reduced-motion:reduce){.palm-overlay{animation:none;transform:none}}.header-container{position:fixed;top:0;left:0;width:100%;height:180px;padding:20px 40px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;z-index:1000;pointer-events:none}.header-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/site/Header-Teal-06.png);background-size:98% auto;background-position:center calc(100% + 19.4vw - 55px);background-repeat:no-repeat;pointer-events:none;z-index:-1}.header-container>*{pointer-events:auto;position:relative;z-index:10}.brand{margin-top:20px}.brand a{font-size:28px;font-weight:700;color:#333;text-decoration:none}.hamburger{display:none;flex-direction:column;justify-content:center;cursor:pointer;width:30px;height:30px}.hamburger .bar{width:30px;height:4px;background-color:#333;margin:3px 0;transition:.4s;border-radius:2px}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{margin-top:5px}.menu-list,.submenu-list{list-style:none;margin:0;padding:0;z-index:1010}.menu-list li,.submenu-list li{list-style:none}.menu-list{display:flex}.menu-list li a,.menu-list li span{color:#333;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:6px;transition:background-color .3s}.menu-list li a:hover,.menu-list li span:hover,.menu-list li:hover>a{background-color:#add8e699;color:#ff8573}.submenu{position:relative}.submenu .submenu-list{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 12px #0003;border-radius:8px;padding:10px 0;min-width:200px}.submenu:hover .submenu-list{display:block}.submenu-list li{padding:1px 2px}.submenu-list li a:hover{background-color:#add8e6cc}.submenu.submenu-left .submenu-list{right:auto;left:0}.arrow{margin-left:2px;font-size:.8em;transition:transform .3s}.submenu:hover .arrow,.submenu-list.open~span .arrow{transform:rotate(180deg)}@media screen and (max-width:868px){.header-container:before{background-size:95% auto}.hamburger{display:flex}.nav-menu{display:none;position:absolute;top:calc(100% - 70px);margin-top:-20px;right:0;background:#40829685;padding:20px 20px 40px;box-shadow:0 8px 20px #0000004d;border-radius:12px 0 12px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:visible}.nav-menu.open{display:block}.menu-list{width:fit-content;display:flex;flex-direction:column;gap:2px}.menu-list>li{margin:0}.menu-list li a,.menu-list li span{display:flex;justify-content:space-between;align-items:center;padding:6px 15px;background-color:#5096aaa6;border-radius:12px;color:#333;font-weight:600;transition:background-color .3s,transform .2s}.menu-list li a:hover,.menu-list li span:hover{background-color:#add8e6d9;transform:translate(5px)}.submenu.submenu-open{order:9999;position:relative;z-index:1010}.submenu.submenu-open .submenu-list{position:relative;z-index:1020}.submenu.submenu-open>span{background-color:#64b4c8e6;border-bottom-left-radius:0;border-bottom-right-radius:0}.submenu .submenu-list{max-height:0;transition:max-height .4s ease;padding:0 0 0 1px;margin:0;background:transparent}.submenu-list.open{max-height:800px;padding-top:1px;padding-bottom:1px}.submenu-list li{margin:0}.submenu-list li a{background:#fffc;padding:2px 10px;border-radius:10px;font-weight:500}.submenu-list li a:hover{background:#add8e6e6}.submenu.submenu-left .submenu-list{left:0;right:auto}.arrow{display:flex;align-items:center;justify-content:center;width:8px;height:8px;background-color:#64b4c899;border-radius:50%;font-size:.9em;margin-left:10px;transition:transform .3s ease,background-color .3s}.submenu.submenu-open .arrow{transform:rotate(180deg)}.submenu>span:hover .arrow{background-color:#add8e6e6}.submenu:hover .submenu-list{display:block}}.carousel-container{position:relative;text-align:center;width:100%;height:55vh;overflow:hidden}.carousel-slides{display:flex;width:100%;height:100%;transition:transform .6s ease-in-out}.carousel-slide{min-width:100%;height:100%;position:relative;background:#2b5f6e}.carousel-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.overlay-text{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:1rem;font-weight:700;padding:6px 14px;border-radius:4px;text-align:center;max-width:90%;z-index:5;text-shadow:1px 1px 3px rgba(0,0,0,.8);line-height:1.4}.carousel-arrow{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:60px;height:60px;padding:2px 0 0;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:2.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;text-align:center;justify-content:center;z-index:10;transition:background .3s ease}.carousel-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-arrow.left{left:20px}.carousel-arrow.right{left:auto;right:20px}.carousel-arrow:before{content:"";display:inline-block;height:100%;vertical-align:middle}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;background:#ffffff80;border-radius:50%;cursor:pointer}.dot.active{background:#fff}@media(max-width:768px){.carousel-container{height:50vh}.overlay-text{font-size:.9rem;padding:6px 12px;bottom:40px}.carousel-arrow{width:20px;height:20px;font-size:1.2rem;text-align:center}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}}.learn-numbers-page{padding:40px 20px;text-align:center;font-family:Comic Sans MS,cursive,sans-serif;color:#333;background:#2b5f6e;min-height:100vh}.number-table-wrapper{margin:50px auto;overflow-x:auto;max-width:100%;padding:0 10px;box-sizing:border-box}.number-table-wrapper h2{margin-bottom:20px;font-size:1.8rem;color:#fff}.number-table-wrapper table{margin:0 auto;border-collapse:separate;border-spacing:8px;background:#ffffff1a;border-radius:12px;padding:15px}.number-table-wrapper td{padding:0}.number-table-wrapper input{width:60px;height:60px;padding:8px;font-size:1.4rem;text-align:center;font-family:inherit;border:3px solid #ffffff;border-radius:12px;background:#0006;color:#fff}@media(max-width:768px){.learn-numbers-page{padding:30px 10px}.number-table-wrapper input{width:50px;height:50px;font-size:1.2rem}}