@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Lexend:wght@100..900&display=swap";:root{--main-color: #4a98df;--main-color-hover: #2e5c9c;--title-font: "Bubblegum Sans", sans-serif;--body-font: "Lexend", sans-serif;--background-color: rgba(0, 0, 0, .04);--border-radius: 8px;--menu-height: 95px}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100%;min-width:0;font-family:var(--body-font);font-weight:500;scroll-behavior:smooth}body{background-color:#fdffe1}#root{max-width:1280px;width:100%;margin:0 auto;background-color:#fff;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}#root h1,#root h2{margin:0 0 1rem;color:var(--main-color);font-family:var(--title-font);font-weight:400;font-style:normal}#root h1{font-size:clamp(2.5rem,2.6vw,2rem)}#root h2{font-size:clamp(1.5rem,2.6vw,2rem)}#root h3{font-size:1.25rem;margin:0 0 .75rem}#root p{margin-bottom:.5rem}#root .hero-image{width:100%}#root .hero-image img{width:100%;height:auto;display:block}@media(max-width:480px){#root .hero-image{height:clamp(140px,24vh,260px)}}#root .fullWidth{width:100%;height:auto;display:block}#root .actions{display:grid;place-items:center}#root button[type=button],#root button[type=submit],#root .close{background-color:var(--main-color);color:#fff;border:none;border-radius:var(--border-radius);padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;z-index:150}:is(#root button[type=button],#root button[type=submit],#root .close):hover{background-color:var(--main-color-hover)}#root .close{height:40px;width:40px;font-size:2rem;font-weight:700;line-height:1;text-align:center;padding:0;position:absolute;top:-20px;right:-20px;margin:.5rem;border-radius:50%;border:1px solid #333;cursor:pointer}#root section{padding:20px;margin:auto}#root section,#root header,#root footer{scroll-margin-top:var(--menu-height)}#root footer{text-align:center;padding:1rem;background-color:var(--main-color);color:#fff;font-size:.875rem}#root footer p{margin:0}#root article{background-color:var(--background-color);border-radius:var(--border-radius);display:flex;gap:1rem;align-items:flex-start;margin:1rem 0;padding:.75rem}#root #menu{display:grid;place-items:center;background-color:var(--main-color);color:#fff;position:sticky;top:0;z-index:1000;height:var(--menu-height)}#root #menu>div{display:grid;place-items:center;gap:.5rem;grid-template-columns:auto 1fr}#root #menu>div img{width:100%;height:100%}#root #menu>div h1{color:#fff;margin:0}@media screen and (min-width:780px){#root #menu{grid-template-columns:1fr 2fr;gap:1rem}}#root #menu ul{width:100%;max-width:350px;display:grid;place-items:center;grid-auto-flow:column;gap:.5rem;list-style:none;margin:0;padding:0}#root #menu ul li{display:grid;place-items:center}#root #menu a{color:#fff;text-decoration:none;font-weight:600;display:grid;place-items:center;text-align:center}#root #menu a:hover{color:var(--main-color-hover)}@media screen and (max-width:480px){#root #menu a{font-size:.875rem}}#root #family .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:800px){#root #family .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){#root #family .grid{grid-template-columns:1fr}}#root #family article{flex-direction:column;align-items:center;text-align:center}#root #family article img{width:100%;height:200px;object-fit:contain;object-position:center top;border-radius:8px}#root #creators article{display:grid;grid-template-columns:1fr 3fr;gap:1rem}@media(max-width:800px){#root #creators article{grid-template-columns:1fr 1fr}}@media(max-width:550px){#root #creators article{grid-template-columns:1fr}}#root #creators img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:8px}#root #play .games{margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:50rem}#root #play .games li{list-style:none;position:relative}#root #play .games li p{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:4px 8px;border-radius:var(--border-radius);font-size:.9rem;text-align:center}#root #play .games img{width:100%;height:auto;display:block;border-radius:var(--border-radius)}#root #popup{position:fixed;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;inset:0;background:#000000a6;z-index:9999;animation:fadeIn .2s ease-in;padding:1rem}#root #popup>div{position:relative;width:100%;max-width:600px;background:#fff;border-radius:var(--border-radius)}#root #popup .contact{max-width:720px;width:100%;margin:0 auto;padding:1rem}#root #popup .contact form{display:grid;gap:.75rem;padding:1rem .5rem;background-color:var(--background-color);border-radius:var(--border-radius)}#root #popup .contact form h2{margin:0 0 .5rem;text-align:center;color:var(--main-color);font-family:var(--title-font);font-weight:400}#root #popup .contact form label{display:block;margin:0}#root #popup .contact form label>span{display:block;font-size:.95rem;font-weight:600;margin-bottom:6px;color:#333}#root #popup .contact form label input,#root #popup .contact form textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);font-family:var(--body-font);font-size:.95rem;box-sizing:border-box}#root #popup .contact form textarea{min-height:130px;resize:vertical}#root #popup .contact form>div{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}#root #popup .contact form>div>button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600}#root #popup .contact form>div>button[disabled]{opacity:.6;cursor:not-allowed}#root #popup .contact form p{text-align:center;color:#666;margin:.5rem 0 0;font-size:.9rem}.popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;z-index:9999;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{position:relative;width:100%;height:100%;max-width:1200px;max-height:100vh;background:#fff;border-radius:6px;overflow:auto;box-shadow:0 10px 40px #0000004d;margin:16px}.popup-close{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;color:#333;z-index:10000;transition:color .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.popup-close:hover{color:red}.popup-body{width:100%;height:100%;padding:18px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.popup-body>*{width:100%;height:100%}.matchGame{--mg-primary-color: #2196F3;--mg-primary-dark: #1976D2;--mg-card-size: min(20vh, 100%);--mg-transition-quick: .3s ease;--mg-transition-normal: .5s ease;--mg-shadow: 0 0 20px rgba(0, 0, 0, .2);--mg-border-radius: 5px;position:relative;width:100%;height:100%;padding:20px;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.matchGame .timer{margin-bottom:20px;font-family:monospace;font-size:24px;text-align:center}.matchGame .timer i{display:inline-block;padding:5px 10px;margin:0 2px;color:#fff;background:var(--main-color-hover);border-radius:var(--mg-border-radius)}.matchGame .game{width:100%;max-width:min(80vh,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:10px;align-content:center;list-style:none;padding:0;margin:0}.matchGame .card{position:relative;width:100%;aspect-ratio:1;padding:0;margin:0;perspective:1000px;cursor:pointer;transition:transform var(--mg-transition-quick)}.matchGame .card ul{position:relative;width:100%;height:100%;padding:0;margin:0;transform-style:preserve-3d;transition:transform var(--mg-transition-normal);list-style:none}.matchGame .card.selected ul{transform:rotateY(180deg)}.matchGame .card li{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:var(--mg-border-radius);overflow:hidden}.matchGame .card li:first-child{background:var(--mg-primary-color)}.matchGame .card li:last-child{background:#fff;transform:rotateY(180deg)}.matchGame .card img{width:100%;height:100%;object-fit:contain}.matchGame .card.matched{transform:scale(.8);opacity:.7}.matchGame .winning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-height:90vh;padding:20px;background:#fff;border-radius:var(--mg-border-radius);box-shadow:var(--mg-shadow);overflow-y:auto}.matchGame .winning ul{display:grid;gap:.5rem;padding:0;margin:0;list-style:none;text-align:center}.matchGame .BTN_Again{display:block;width:fit-content;margin:20px auto 0;padding:10px 20px;font-size:16px;color:#fff;background:var(--mg-primary-color);border:none;border-radius:var(--mg-border-radius);cursor:pointer;transition:background-color var(--mg-transition-quick)}.matchGame .BTN_Again:hover{background:var(--mg-primary-dark)}.coloringBook{--cb-drawer-width: 90%;--cb-handle-size: 3rem;--cb-swatch-size: 2.5rem;--cb-transition: .3s ease;--cb-shadow: 0 2px 10px rgba(0, 0, 0, .1);background-color:red;width:100%;height:100%;margin:0;position:relative;display:grid;place-items:center}.coloringBook .colors{position:absolute;width:100%;top:0;left:0;z-index:2}.coloringBook .handle{width:var(--cb-handle-size);height:var(--cb-handle-size);margin:auto;border-radius:0 0 50% 50%;display:grid;place-items:center;cursor:pointer;transition:transform var(--cb-transition);background-color:#fff;box-shadow:var(--cb-shadow)}.coloringBook .handle:hover{transform:scale(1.1)}.coloringBook .handle i{font-size:1.2rem;color:#000}.coloringBook .drawer{position:absolute;top:0;left:0;right:0;z-index:3;width:var(--cb-drawer-width);margin:0 auto;padding:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cb-swatch-size),1fr));gap:.5rem;background:#fff;border-radius:5px;box-shadow:var(--cb-shadow);list-style:none;overflow-y:auto;transition:transform var(--cb-transition),opacity var(--cb-transition)}.coloringBook .drawer.closed{opacity:0;pointer-events:none;transform:translateY(-100%)}.coloringBook .drawer.open{opacity:1;transform:translateY(0)}.coloringBook .drawer li{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:transform var(--cb-transition)}.coloringBook .drawer li:hover{transform:scale(1.2)}.coloringBook .svgHolder{width:100%;padding:1rem;display:grid;place-items:center}.coloringBook .svgHolder svg{max-width:100%;height:auto;display:block}.coloringBook .svgHolder g:nth-child(2) *{cursor:pointer;transition:fill var(--cb-transition),filter var(--cb-transition)}.coloringBook .svgHolder g:nth-child(2) *:hover{filter:brightness(1.1)}