body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--dark-navy:#1f354b;--navy:#294461;--green:#11c684;--purple:#6b74e0;--pink:#f878b5;--blue:#0671d5;--yellow:#f7bf31;--light-blue:#6cdfef}*{box-sizing:border-box;margin:0 auto;max-width:375px;padding:0}body{background-color:#1f354b;background-color:var(--dark-navy);background-image:url(/static/media/blob.fa5e1835bd2c64a45308.svg);background-position:-180px 150px;background-repeat:no-repeat;background-size:auto 500px;color:#fff;height:100vh;margin:1em}h1{text-align:center}a{color:#fff;text-decoration:none}header{position:relative}.heading{align-items:center;display:flex;gap:2px;justify-content:center}.title{color:#f7bf31;color:var(--yellow);margin:0}.title-span{color:#fff;font-weight:200}.title-image{height:42px;margin:0;width:42px}.back-arrow{cursor:pointer;left:0}.back-arrow,.toggle{font-size:1.25rem;position:absolute;top:8px}.toggle{right:0}.home-section{padding-bottom:.5em}.game-button,.phase-five,.phase-three,.phase-two,.quiz-button{border-radius:16px;display:flex;height:130px;margin:2em auto;padding:1em;transition:all .2s ease-in-out;width:200px}.phase-five:hover,.phase-three:hover,.phase-two:hover,.quiz-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.phase-two{background-color:#6b74e0;background-color:var(--purple)}.phase-three{background-color:#11c684;background-color:var(--green)}.phase-five{background-color:#0671d5;background-color:var(--blue)}.quiz-button{background-color:#f878b5;background-color:var(--pink)}.butterfly,.dove,.feather{font-size:3.5rem;margin-top:auto}.greeting{font-size:1.25rem;margin-top:.5em;text-align:center}.sound-container{align-items:center;flex-wrap:wrap;gap:.75em;margin:2em auto;padding-bottom:2em;width:250px}.sound,.sound-container{display:flex;justify-content:center}.sound{aspect-ratio:1/1;background-color:#f878b5;background-color:var(--pink);border-radius:16px;cursor:pointer;flex-direction:column;margin:0;padding:6px;width:28%}.sound-container .sound{position:relative}.loa{color:rgba(0,0,0,.55);font-size:1rem;margin:0;pointer-events:none;position:absolute;right:6px;top:6px}.sound p{color:#000;font-size:2rem;font-weight:600}.sound-icon{padding:6px 0;width:30px}.games-button{background-color:#6b74e0;background-color:var(--purple);border-radius:16px;height:85px;margin:2em auto;padding:1em;text-align:left;transition:all .2s ease-in-out;width:200px}.games-button h2{font-size:1.25rem}.games-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.two{background-color:#6cdfef;background-color:var(--light-blue);color:#000}.three{background-color:#f878b5;background-color:var(--pink);color:#000}.four{background-color:#11c684;background-color:var(--green)}.five,.quiz-image-container{background-color:#0671d5;background-color:var(--blue)}.quiz-image-container{border-radius:16px;height:200px;width:200px}.quiz-image{align-items:center;display:flex;justify-content:center;padding:1em;width:100%}.quiz-options{margin:2em auto 1em}.quiz-container,.quiz-options{align-items:center;display:flex;gap:.75em;justify-content:center;width:200px}.quiz-container{flex-direction:column;flex-wrap:wrap;margin:2em auto}.next-btn{background-color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:600;padding:.75em 2em;transition:all .2s ease-in-out}.next-btn:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.well-done{align-items:center;display:flex;flex-direction:column;font-size:2rem;gap:1em;justify-content:center;margin-top:2em;text-align:center}.well-done-icon{font-size:8rem}.animate-beat{-webkit-animation:heartbeat 2s infinite;animation:heartbeat 2s infinite}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(.75);transform:scale(.75)}20%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.75);transform:scale(.75)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes heartbeat{0%{-webkit-transform:scale(.75);transform:scale(.75)}20%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.75);transform:scale(.75)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(.75);transform:scale(.75)}}.quiz-tip{display:block;font-size:1.125rem;margin-bottom:1em}.cards{grid-gap:1em;display:grid;gap:1em;grid-template:repeat(3,1fr) /repeat(3,1fr);margin-top:2em;width:200px}.sound-card{background:none;border:none;border-radius:16px;cursor:pointer;font-size:2rem;font-weight:600;height:50px;outline:none;width:50px}.sound-card.flipped .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.inner{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .6s cubic-bezier(.38,.02,.09,1.66);width:100%}.sound-card .back,.sound-card .front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.sound-card .front{background:#6cdfef;background:var(--light-blue);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.sound-card .front p{color:#000}.sound-card .back{background:#f878b5;background:var(--pink);font-size:100px;transition:all .1s ease}.sound-icon{align-items:center;display:flex;justify-content:center;padding:4px;width:100%}.finished-game{margin-top:1em}.back-to-games-btn,.new-game-btn{background-color:#f878b5;background-color:var(--pink);border:none;border-radius:16px;display:block;font-size:1.125rem;font-weight:600;margin:1em auto 0;padding:.75em 2em;transition:all .2s ease-in-out}.back-to-games-btn:hover,.new-game-btn:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.back-to-games-btn{background-color:#6cdfef;background-color:var(--light-blue);color:#000;font-size:1rem;margin-top:0;padding:.75em 1.25em;text-align:center;width:160px}.matching-game-games-btn{background-color:#11c684;background-color:var(--green);margin-top:1em}.hexagon{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);color:#000;font-size:1.125rem;font-weight:600;height:60px;text-align:center;width:60px}.hexagon,.hexagon:before{background:#f7bf31;background:var(--yellow)}.hexagon:before{content:"";display:inline-block;height:100%;vertical-align:middle}.spelling-sounds{align-items:center;display:flex;flex-wrap:wrap;gap:.75em;justify-content:center;margin:.5em auto 1em;width:200px}.reading-game-word{background-color:#0671d5;background-color:var(--blue);border-radius:16px;font-size:3rem;font-weight:500;padding:.5em;text-align:center;width:100%}.reading-card{background-color:#6cdfef;background-color:var(--light-blue);height:57px;width:57px}.reading-images{align-items:center;display:flex;justify-content:center;padding:4px;width:100%}.ghi-nguon{font-size:.7rem;margin-top:.75em;opacity:.6;text-align:center}.ghi-nguon a{text-decoration:underline}.ve-kho{color:#6cdfef;color:var(--light-blue);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75em}.chan-trang{font-size:.8rem;margin-top:1.5em;opacity:.8;padding-bottom:1em;text-align:center}.chan-trang a{text-decoration:underline}html.nhung,html.nhung body{height:100%;overflow:hidden}html.nhung body{height:100dvh;margin:0 auto}html.nhung #root{display:flex;flex-direction:column;height:100%}html.nhung .khung-chinh{flex:1 1;min-height:0;overflow-y:auto;padding:.75em 1em;width:100%}html.nhung .home-section{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);margin-top:1em}html.nhung .home-section .phase-five,html.nhung .home-section .phase-three,html.nhung .home-section .phase-two,html.nhung .home-section .quiz-button{height:120px;margin:0;width:auto}html.nhung .games-page{grid-gap:.75em;display:grid;gap:.75em;grid-template-columns:repeat(2,1fr)}html.nhung .games-page>div,html.nhung .games-page>header{grid-column:1/-1}html.nhung .games-page .games-button{margin:0;width:auto}
/*# sourceMappingURL=main.d78a693c.css.map*/