@import"https://fonts.googleapis.com/css2?family=Chewy&display=swap";body{overflow:hidden;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#bfecfa}.cloud{width:350px;height:120px;background:#fff;background:linear-gradient(to top,#fff);border-radius:100px;position:absolute;margin:120px auto 20px;z-index:-1;transition:ease 1s}.cloud:after,.cloud:before{content:"";position:absolute;background:#fff;z-index:-1;border-radius:100px}.cloud:after{width:100px;height:100px;top:-50px;left:50px}.cloud:before{width:180px;height:180px;top:-90px;right:50px}@keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}.cloud{animation:moveclouds 15s linear infinite}.x1{top:-50px;left:100px;transform:scale(.3);opacity:.9}.x1_5{top:-80px;left:250px;transform:scale(.3);animation-duration:17s}.x2{left:250px;top:30px;transform:scale(.6);opacity:.6;animation-duration:25s}.x3{left:250px;bottom:-70px;transform:scale(.6);opacity:.8;animation-duration:25s}.x4{left:470px;bottom:20px;transform:scale(.75);opacity:.75;animation-duration:18s}.x5{left:200px;top:300px;transform:scale(.5);opacity:.8;animation-duration:20s}.logo,.sun{position:absolute}.logo{height:110px;top:27px;right:-13px;z-index:2}.sun{clip-path:polygon(22% 0%,80% 0%,80% 100%,22% 100%);height:450px;top:-170px;right:-330px;z-index:1}.singsing{height:50px}.pampanga{height:80px;bottom:205px;right:150px}.maranun{height:60px;bottom:90px;right:152px}.homehomeContainer{display:flex;flex-direction:row;gap:50px;margin-top:150px;margin-bottom:100px}.buttonIcon-container{display:flex;justify-content:center;gap:45px;flex-wrap:wrap}.homeButtonImage{height:210px}.translationz{margin-left:-60px}.gamez{margin-left:40px;margin-right:80px}.bookz{margin-left:10px}.button-container{display:flex;justify-content:center;gap:45px;flex-wrap:wrap}.homeContainer{display:flex;flex-direction:column;gap:10px;margin-top:-50px}.row{margin-top:100px;height:150px;text-align:center}.row2{margin-top:50px;height:150px;text-align:center}.row3{margin-top:18px;height:150px;text-align:center}.row4{margin-top:45px;height:150px;text-align:center;border:2px solid rgba(255,255,255,.3);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:10px;box-shadow:0 4px 8px #0003}.rowTitle{height:50px}.button-container{display:flex;justify-content:center;gap:100px;flex-wrap:wrap}.image-button{cursor:pointer;background:none;border:none;padding:0;transition:transform .3s ease}.image-buttonGoBack{cursor:pointer;position:absolute;background:none;border:none;padding:0;transition:transform .3s ease}.image-buttonGoBack:hover,.image-button:hover{transform:scale(1.1)}.game-image,.game-image2,.game-image3{object-fit:cover;transition:opacity .3s ease}.game-image{height:206px}.game-image-1{height:182px}.game-image-2{height:178px}.game-image2{height:152px}.game-image2-1{height:91px}.game-image2-2{height:102px}.game-image2-4{height:132px}.game-image2-5{height:107px}.game-image3{height:223px}.image-button:hover .game-image,.image-button:hover .game-image2,.image-button:hover .game-image3{opacity:.8}.music-button{font-size:24px;background-color:#b42f2f;border:3px solid transparent;border-radius:15%;color:#e9e7e7;cursor:pointer;position:absolute;width:50px;height:50px;transition:transform .3s ease,background-color .3s ease}.music-button:hover{transform:scale(1.1)}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:450px;position:absolute;height:10px;background-color:#fff;border-radius:25px;cursor:pointer;transition:background .3s ease}.custom-slider::-webkit-slider-thumb,.custom-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:100%;background:#b42f2f;cursor:pointer;transition:background-color .3s ease}.goBack{top:35px;left:50px}.goBack-image{height:100px}.navImage{position:absolute;top:30px;left:50%;transform:translate(-50%);height:120px}.translations-table-wrapper{max-height:420px;overflow-y:auto;overflow-x:hidden;margin-top:100px}.translations-table{width:1000px;border-collapse:separate;table-layout:fixed}.translations-table th,.translations-table td{border-radius:10px;padding:10px;text-align:center;font-size:21px;font-family:Comic Sans MS,sans-serif}.translations-table td img{height:100px;object-fit:cover}.translations-table th{background-color:#ffb6c1}.translations-table tr:nth-child(2n){background-color:#fff}.translations-table tr:hover{background-color:#b5eac4}.translations-table-wrapper::-webkit-scrollbar{width:4px;border-radius:10px}.translations-table-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:10px}.translations-table-wrapper::-webkit-scrollbar-thumb{background-color:#ffb6c1;border-radius:10px}.category-title-image{position:absolute;left:500px;top:-20px;height:600px;clip-path:polygon(10% 9%,98% 9%,98% 35%,10% 35%)}.container{display:flex;flex-direction:column;align-items:center}.controls{margin-left:7.5px;margin-bottom:.7rem}.bookButton{padding:.5rem 1rem;margin:0 .5rem;position:relative;font:inherit;background-color:#007bff;border:0;color:#fff;border-radius:1000em;font-size:1.4rem;padding:.25em .5em;font-weight:600;box-shadow:inset 0 .05em #f4f4f4,0 .05em #efefef,0 .1em #ececec,0 .2em #e0e0e0,0 .25em #dedede,0 .3em #dcdcdc,0 .35em #cacaca,0 .35em .4em #cecece;transition:.25s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bookButton:hover:not(:disabled){background-color:#0056b3}.bookButton:active:not(:disabled){transform:translateY(.3em);box-shadow:inset 0 .03em #f4f4f4,0 .03em #efefef,0 .05em #ececec,0 .1em #e0e0e0,0 .1em #dedede,0 .15em #dcdcdc,0 .15em #cacaca,0 .15em .3em #cecece}button:disabled{background-color:#aaa;cursor:not-allowed}.book{width:435px;height:625px;top:0;left:220px;position:relative;perspective:1500px}.page{position:absolute;background-color:#fff;width:450px;height:600px;border-radius:0 15px 15px 0;margin-top:10px;transform-origin:left;transform-style:preserve-3d;transition:transform 1s}.page img{width:100%;height:100%;border-radius:15px 0 0 15px}.front-page,.back-page{position:absolute;width:100%;height:100%;backface-visibility:hidden}.back-page{transform:rotateY(180deg)}.page.flipped{transform:rotateY(-180deg)}.back-cover{z-index:1}.carousel-container{display:flex;align-items:center;justify-content:center;position:relative}main#carousel{width:72.5vw;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-style:preserve-3d;perspective:600px;--items: 5;--middle: 3;pointer-events:none}.item{width:262.5px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;margin-bottom:30px}.cardImage{height:208.33px;width:auto;margin-bottom:8px}.cardName{font-family:Patrick Hand,Comic Sans MS,Arial,sans-serif;font-size:1.46rem;font-weight:bolder;text-align:center;text-transform:uppercase;display:block;background:#fff;color:#000;padding:4px 16.67px;width:80%;box-sizing:border-box}.arrow-button{background:none;border:none;color:#333;font-size:2rem;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.arrow-button.previous{position:absolute;left:10px}.arrow-button.next{position:absolute;right:10px}.arrow-button:hover{transform:scale(1.5);opacity:.8}.picture-dictionary-container{text-align:center;margin:10px;font-family:Arial,sans-serif}.question-container{display:flex;flex-direction:column;align-items:center}.title-image{height:145px;margin-top:-10px}.title-image2{height:115px;margin-top:-10px}.question-image{width:250px;height:250px;margin-bottom:70px;margin-top:30px}.choices-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.choice-button{padding:10px 20px;border:2px solid #333;background:#f0f0f0;cursor:pointer;border-radius:5px;font-size:1rem;transition:background .3s ease,color .3s ease}.choice-button:hover{background:#333;color:#fff}.choice-button.correct{background:#4caf50;color:#fff}.choice-button.selected{background:#e8a730;color:#fff}.choice-button.incorrect{background:#f44336;color:#fff}.nav-button{margin-top:17.5px;position:relative;font:inherit;background-color:#1a751a;border:0;color:#fff;border-radius:.3em;font-size:1.4rem;padding:.25em 1em;font-weight:600;box-shadow:inset 0 .05em #f4f4f4,0 .05em #efefef,0 .1em #ececec,0 .2em #e0e0e0,0 .25em #dedede,0 .3em #dcdcdc,0 .35em #cacaca,0 .35em .4em #cecece;transition:.25s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-button:hover:not(:disabled){color:#1a751a;background-color:#fff}.nav-button:active:not(:disabled){transform:translateY(.3em);color:#1a751a;background-color:#fff;box-shadow:inset 0 .03em #f4f4f4,0 .03em #efefef,0 .05em #ececec,0 .1em #e0e0e0,0 .1em #dedede,0 .15em #dcdcdc,0 .15em #cacaca,0 .15em .3em #cecece}.nav-button:disabled{background-color:#aaa;cursor:not-allowed}.popup{display:flex;flex-direction:column;align-items:center;transform:translateY(-20px);text-align:center;border-radius:8px;margin:20px auto;width:80%}.result-image{height:550px}.return-button{position:relative;font:inherit;background-color:#007bff;border:0;color:#fff;border-radius:.3em;font-size:1.4rem;padding:.25em 1em;font-weight:600;box-shadow:inset 0 .05em #f4f4f4,0 .05em #efefef,0 .1em #ececec,0 .2em #e0e0e0,0 .25em #dedede,0 .3em #dcdcdc,0 .35em #cacaca,0 .35em .4em #cecece;transition:.25s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}.return-button:hover{background-color:#0056b3}.return-button:active{transform:translateY(.3em);box-shadow:inset 0 .03em #f4f4f4,0 .03em #efefef,0 .05em #ececec,0 .1em #e0e0e0,0 .1em #dedede,0 .15em #dcdcdc,0 .15em #cacaca,0 .15em .3em #cecece}.spellingText{font-family:Chewy,cursive;font-size:28px;color:#d9d9d9;text-shadow:-1px -1px 1px black,1px -1px 1px black,-1px 1px 1px black,1px 1px 1px black}.spellingText2{font-family:Chewy,cursive;font-size:20px;color:#34495e}.spelling-container{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.title-image-spelling{height:160px;margin-top:-20px}.spelling-image{width:250px;height:250px;margin-bottom:0;margin-top:0}.spelling-word{display:flex;gap:10px;margin:20px 0}.spelling-letter{width:40px;height:40px;border:2px solid #333;text-align:center;line-height:40px;font-size:1.5rem;font-weight:700;background-color:#f0f0f0;cursor:pointer;border-radius:5px}.spelling-letter.prefilled{background-color:#787878;cursor:default}.spelling-letter:not(.prefilled):hover{transform:scale(1.3)}.available-letters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.letter-button{padding:8px 13px;border:2px solid #333;background:#f0f0f0;cursor:pointer;border-radius:5px;font-size:18px}.letter-button:hover{transform:scale(1.3)}.speaker-icon{height:30px;padding:-10px;margin-left:-5.5px;cursor:pointer;margin-right:-5.5px}.navigation-container{margin-left:14px;display:flex;gap:20px}