@import"https://fonts.googleapis.com/css2?family=Bungee&family=Changa+One:ital@0;1&family=Indie+Flower&family=Libertinus+Keyboard&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Permanent+Marker&family=Story+Script&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&family=Changa+One:ital@0;1&family=Indie+Flower&family=Libertinus+Keyboard&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Permanent+Marker&family=Story+Script&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";img{width:110px;transition:2s ease;transform:translateX(20px)}header{z-index:100000;font-family:"Changa One",sans-serif;font-weight:bold;font-style:italic;font-size:28px;padding:0px 32px;background:linear-gradient(to right, rgba(9, 191, 179, 0.64), rgba(6, 138, 214, 0.9019607843));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);margin:12px;border:solid #373636 .1px;border-radius:16px 0px 16px 0px;box-shadow:4px 4px 10px rgba(0,0,0,.336);position:sticky;top:12px;display:flex;align-items:center;justify-content:space-between}ul{display:flex;justify-content:center;gap:32px}li{list-style-type:none;padding:10px}li a{text-decoration:none;color:#f5f5f5;position:relative;padding:10px;transition:.5s ease;transform:translateX(16px)}li a:hover,a:hover::after{color:#1c375b;width:100%}li a::after{content:"";position:absolute;width:0%;height:10%;background:#1c375b;left:0;bottom:0;transition:.4s ease;border-radius:0px 16px 16px 0px}li a::before{content:"";position:absolute;width:0%;height:10%;background:#1c375b;left:0;bottom:0;transition:.4s ease;border-radius:0px 16px 16px 0px}header nav ul{position:relative}.toggle-btn{display:none}.dropdown-menu{border-radius:16px;background:rgba(192,192,192,.7725490196);width:100%;position:absolute;top:100px;left:0px;z-index:10000;color:hsla(0,0%,100%,0);display:none}.dropdown-menu li{text-align:center;color:#000}.dropdown-menu.open{height:220px;color:#000;display:block}.dropdown-menu.open li a{color:#000}@media(max-width: 426px){.home{grid-template-columns:1fr;grid-template-rows:.5fr 1fr;height:150vh}.toggle-btn{display:block !important;cursor:pointer}nav{display:none}header img{width:80px}.card3{background-position-y:90px;background-position-x:center;background-size:cover}.box .text{padding:0px 64px 0px 0px}.profile{flex-direction:column-reverse;height:100vh !important}.profile .imagePro{margin-left:60px}.profile .textProfile{display:flex;flex-direction:column;width:350px !important;text-align:center;padding:0px 16px}.profile .textProfile h1{font-size:40px;width:300px;position:absolute;left:60px;top:5220px !important}.profile .textProfile h3{width:350px;margin-left:-80px}#exam,.lesson{height:140vh !important}.lesson .less{margin-left:-20px}#exam .less{width:500px;margin-left:20px;margin-right:24px}footer{height:100vh !important;display:flex;justify-content:center;flex-direction:column;padding-top:100px !important;clip-path:polygon(0% 20%, 20% 10%, 100% 20%, 100% 100%, 0% 100%) !important}.down{display:flex;align-items:center !important;justify-content:space-around !important;flex-direction:column}.down ul li{list-style-type:none;padding:10px;font-size:16px}.down .icon{display:flex;gap:24px}.down .im{width:100%;display:flex;align-items:center;justify-content:center}.im img{width:100px !important;position:relative;left:-20px}.down .mid{height:80px;width:100%}.mid nav{margin-top:-30px;display:flex;justify-content:center;flex-direction:row;align-items:center;height:100%}.mid nav ul{display:flex;gap:4px;flex-direction:row}.group{margin-bottom:16px}.containGames{overflow-x:scroll}.games div:nth-child(3){margin-right:20px !important}.qoute h1{font-size:34px !important;height:50px}}@media(max-width: 376px){.less{width:150px !important}}@media(max-width: 1024px){.qoute{margin-top:100px}.containGames{overflow-x:scroll}.containGames h1{font-size:72px}nav a{font-size:14px}.home{padding-top:160px}.home .card3{background-position-y:-60px}.one{margin-left:-70px;width:500px}.two{width:500px}.three{width:500px}.information{overflow-x:scroll}.get{overflow-x:scroll}.g{width:300px}.img img{width:80px}.g .text h1{font-size:24px}.g .text h3{font-size:16px}.profile{height:60vh}.profile .imagePro{width:200px;height:55vh !important}.profile .textProfile{width:50% !important}footer{margin-top:80px}}main{margin:-48px 12px 12px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;height:90vh;gap:12px;background-size:850px;background-position-x:-100px;padding:64px 16px 16px 16px}.card3{grid-row:1/4;background:none;background-image:url(../../photo/5.jpg);background-size:500px;background-repeat:no-repeat;background-position-y:20px;background-position-x:center}.card1{align-content:center;text-align:center;animation:apear 2s ease;animation-timeline:view()}.card1 p{margin-top:16px}.card1 h1{font-size:60px}.card1 h1 span{color:#068ad6}div{border:solid .4px;border:none}.card2{display:flex;justify-content:center;gap:48px;animation:apear 2s ease;animation-timeline:view()}.card2 i{font-size:48px;position:relative}.card2 i::after{font-family:"Nunito",sans-serif;text-align:center;align-items:center;font-size:4px;content:attr(data);padding:4px 6px;opacity:0;position:absolute;top:25px;left:15px;border-radius:32px;transition:400ms ease;transform:rotate(50deg)}.card2 i:hover::after{text-align:center;align-items:center;font-size:24px;content:attr(data);padding:4px 16px;color:#fff;background:var(--accent-color);position:absolute;top:-40px;left:-40px;border-radius:32px;transition:300ms ease;transform:rotate(0deg);opacity:1}.face{color:rgba(27,27,27,.9882352941)}.face:hover{color:#1877f2}.tele{color:rgba(27,27,27,.9882352941)}.tele:hover{color:#08c}.link{color:rgba(27,27,27,.9882352941)}.link:hover{color:rgba(10,102,194,.9882352941)}.you{color:rgba(27,27,27,.9882352941)}.you:hover{color:red}.card2 a{padding:4px;height:32%;border-radius:100%}.information{display:grid;grid-template-columns:1fr 1fr 1fr;background:linear-gradient(to left, rgb(9, 191, 179), #068ad6);animation:updown both;padding:250px 48px 200px 100px;animation-timeline:view()}.information .box{align-items:center;display:flex;gap:16px}.box .card{background-image:url(../../photo/create.png);background-size:150px;background-repeat:no-repeat;width:150px;height:200px}.box .h{background-image:url(../../photo/number-one.png)}.box .t{background-image:url(../../photo/youth.png);background-size:120px;background-position-y:16px}.box .text h1,.box .text h3{color:#000}.one .text h1,.two .text h1,.three .text h1{color:#1c375b;animation:letter both;animation-timeline:view()}.one .text h3,.two .text h3,.three .text h3{animation:letter both;animation-timeline:view()}.one{animation:come both;animation-timeline:view()}.two{animation:come both;animation-timeline:view(70% 20%)}.three{animation:come both;animation-timeline:view(70% 30%)}@keyframes fromleft{from{transform:translateX(-60px) translateY(-30px) scale(0.5);opacity:0}to{transform:translateX(0px) scale(1);opacity:1}}@keyframes toleft{from{transform:translateX(60px) translateY(-30px) scale(0.5);opacity:0}to{transform:translateX(0px) scale(1);opacity:1}}@keyframes come{0%{transform:translateY(50px) scale(0.5);opacity:0}70%{transform:translateY(0px) scale(1);opacity:1}}@keyframes letter{0%{transform:translateX(100px) scale(0.5);opacity:0}40%{transform:translateX(0px) scale(1);opacity:1}}@keyframes updown{10%{clip-path:polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)}80%{clip-path:polygon(0% 0%, 50% 20%, 100% 0%, 100% 100%, 50% 120%, 0% 100%)}}@keyframes apear{100%{transform:translateX(20px);opacity:0}60%{transform:translateX(0px);opacity:1}}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.07)}table th,table td{padding:14px 18px;border-bottom:1px solid #eaeaea;font-size:1.08rem}table th{background-color:#4eb8ff;text-align:left;font-weight:700;letter-spacing:.5px;color:#fff}table tbody tr:nth-child(even){background:#dcf0f6}table tbody tr:hover{background:rgba(78,184,255,.462745098)}table td button{background:#1877f2;color:#fff;border:none;border-radius:6px;padding:6px 18px;font-size:1rem;cursor:pointer;transition:background .2s;box-shadow:0 1px 4px rgba(24,119,242,.08)}table td button:hover{background:#145db2}table td a{color:#fff;text-decoration:none;font-weight:500}.up{display:flex}footer{height:80vh;display:flex;justify-content:center;flex-direction:column;padding-top:150px;background:linear-gradient(to left, rgb(9, 191, 179), #068ad6);clip-path:polygon(0% 20%, 20% 0%, 100% 20%, 100% 100%, 0% 100%);transition:all 10s ease;animation:move 10s;animation-timeline:view()}@keyframes move{25%{clip-path:polygon(0% 20%, 20% 0%, 100% 20%, 100% 100%, 0% 100%)}60%{clip-path:polygon(0% 20%, 80% 0%, 100% 20%, 100% 100%, 0% 100%)}}.down{display:flex;align-items:start;justify-content:space-around}.down ul{gap:0px;flex-direction:column}.down ul li{list-style-type:none;padding:10px;font-size:16px}.down ul li a:hover{-webkit-text-stroke-color:#fff;list-style-type:none;color:#fff}.down ul li a:hover::after{background:#fff}.down a{color:#000}.down .icon{display:flex;gap:24px}.down .icon i{font-size:32px;transition:.8s linear}.icon i:hover{transform:scale(1.5);transition:1s ease}.icon .Face:hover{color:#fff}.icon .Tele:hover{color:#fff}.icon .Link:hover{color:hsla(0,0%,100%,.9882352941)}.tel{display:flex;flex-direction:column;gap:4px}.tel .call{align-items:center;display:flex;gap:4px}.games{padding-top:130px;height:101vh;display:flex;flex-direction:column}.containGames{display:flex;height:90vh;padding-top:50px}.containGames div:nth-child(1){background:#35e505}.containGames div:nth-child(2){background:#3eb8ff}.containGames div:nth-child(3){background:#ff3e3e}.easy h1 a{text-decoration:none;color:#82ff5f}.easy h1 a:hover{color:#2bbd03}.medium h1 a{text-decoration:none;color:#0096ed}.medium h1 a:hover{color:#0278bc}.hard h1 a{text-decoration:none;color:#c90101}.hard h1 a:hover{color:#ab0000}.easy,.medium,.hard{font-size:48px;height:320px;min-width:340px;flex-wrap:wrap;flex:1;margin:20px;border-radius:16px;display:flex;justify-content:center;align-items:center}.easy:hover,.medium:hover,.hard:hover{transform:scale(1.1);transition:.3s all;box-shadow:4px 4px 20px rgba(0,0,0,.692);scale:.95}.easy{box-shadow:2px 2px 5px rgba(0,0,0,.5);position:relative;transition:1s all}.easy::after{display:none;font-size:100px;content:"🥉";position:absolute;right:0;bottom:0;animation:moveUp ease 2s;transition:2s all}.easy::before{display:none;font-size:80px;content:"🎮";position:absolute;left:0;top:0;animation:moveDown ease 2s;transition:2s all}.easy:hover::after,.easy:hover::before{display:block;transition:2s all}@keyframes moveUp{from{transform:translateY(-80px) rotate(90deg);opacity:0;font-size:50px}to{transform:translateY(0px);opacity:1}}@keyframes moveDown{from{transform:translateY(80px) rotateX(90deg);opacity:0;font-size:50px}to{transform:translateY(0px);opacity:1}}.medium{position:relative;transition:2s all;box-shadow:2px 2px 5px rgba(0,0,0,.5)}.medium::after{display:none;font-size:100px;content:"🥈";position:absolute;right:0;bottom:0;animation:moveLeft ease 2s;transition:2s all}.medium::before{display:none;font-size:80px;content:"🕹️";position:absolute;left:0;top:0;animation:moveRight ease 2s;transition:2s all}.medium:hover::after,.medium:hover::before{display:block;transition:2s all}@keyframes moveLeft{from{transform:translateX(-80px) rotate(360deg);opacity:0}to{transform:translateX(0px);opacity:1}}@keyframes moveRight{from{transform:translateX(80px) rotateX(90deg);opacity:0}to{transform:translateX(0px);opacity:1}}.hard{position:relative;transition:2s all;box-shadow:2px 2px 5px rgba(0,0,0,.5)}.hard::after{display:none;font-size:100px;content:"🥇";position:absolute;right:0;bottom:0;animation:scale ease 2s;transition:2s all}.hard::before{display:none;font-size:80px;content:"🧠";position:absolute;left:0;top:0;animation:moveRight ease 2s;transition:2s all}.hard:hover::after,.hard:hover::before{display:block;transition:2s all}@keyframes scale{from{font-size:0px;opacity:0}to{opacity:1}}@keyframes moveRight{from{transform:translateX(80px) rotateX(90deg);opacity:0}to{transform:translateX(0px);opacity:1}}#lesson{margin-top:20px;padding-top:130px;display:flex;flex-direction:column;height:140vh}.lessons{overflow-x:scroll;min-height:350px;display:flex;cursor:pointer}.lessons::-webkit-scrollbar{display:none}.less h1{height:50%;align-content:end;text-align:center;font-size:72px;color:hsla(0,0%,100%,0);-webkit-text-stroke:#fff 2px;cursor:pointer}.less h1:hover{color:#fff}.less a{text-decoration:none;color:rgba(56,204,241,0)}.less a:hover{color:#fff}.less h3{height:50%;align-content:end;padding-right:20px;padding-bottom:20px;text-align:end;font-size:32px;color:#fff}.less:hover{scale:.95;transition:1s all;box-shadow:4px 4px 3px rgba(0,0,0,.507) !important}.lessons .less{box-shadow:4px 4px 15px rgba(0,0,0,.692);transition:1s all;min-width:350px;min-height:280px;margin:20px;border-radius:12px;animation:up both}.lessons div:nth-child(even){background:#068ad6}.lessons div:nth-child(odd){background:#3eb8ff}@keyframes up{from{transform:translateY(100px);opacity:0}to{transform:translateY(0px);opacity:1}}.qoute{display:flex;height:80vh;flex-direction:column;gap:48px}.qoute h1{font-size:64px;text-align:center;height:50px;animation:blur linear both;animation-timeline:view()}@keyframes blur{0%{filter:blur(20px)}46%,50%{filter:blur(0px)}60%{filter:blur(20px)}90%{filter:blur(0px)}}.buttonBack i{font-size:32px}.buttonBack{display:flex;text-decoration:none;align-items:center;padding:4px 16px;color:#4848ff;transition:1s all;font-size:24px}.buttonBack:hover{color:#1c375b}.marquee{display:flex;max-width:1295px;height:100px;overflow:hidden;border:#000 2px solid;margin:auto;background:#000;overflow-x:auto;-webkit-mask-image:linear-gradient(to right, transparent, #000 10% 90%, transparent);mask-image:linear-gradient(to right, transparent, #000 10% 90%, transparent)}.marquee::-webkit-scrollbar{display:none}.marquee.group:hover{cursor:pointer}.marquee .group{background:#000;width:1850px !important;display:flex;animation:leftToRight 17s linear infinite}.marquee .group:hover{animation-play-state:paused}.marquee div:nth-child(odd){height:100px;width:185px}.marquee div:nth-child(even){height:100px;width:185px;align-content:center}.marquee .card img{width:185px}@keyframes leftToRight{0%{translate:0}100%{translate:-100%}}.profile{display:flex;justify-content:space-evenly;width:100%;height:50vh}.profile .imagePro{background-size:cover;border-radius:65% 35% 63% 37%/30% 30% 70% 70%;background-image:url(../../photo/cr.jpg);width:300px;height:48vh;justify-self:center;position:relative;translate:translateX(100px)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.profile .imagePro::after,.profile .imagePro::before{--angle:0deg;content:"";width:100%;height:100%;background:conic-gradient(from var(--angle), #ff0000, #ff7300, #fffb00, #48ff00, rgba(9, 191, 179, 0.64), rgba(6, 138, 214, 0.9019607843), #7a00ff, #ff00c8, #ff0000);border-radius:65% 35% 63% 37%/30% 30% 70% 70%;position:absolute;top:-4px;left:-4px;z-index:-1;animation:--angle 4s ease infinite;padding:4px}.profile .imagePro::before{padding:4px;opacity:.5px;filter:blur(10px)}.profile .textProfile{align-self:center;text-align:center;width:550px}@keyframes -move{0%{transform:translateX(-100px)}100%{transform:translateX(0px)}}@keyframes --angle{from{--angle:0deg}to{--angle:360deg}}#exam{margin-top:10px;display:flex;flex-direction:column;padding:130px 0px 0px 0px;min-height:150vh;padding-right:16px}#exam h1{height:40px;align-content:end}.Exam .exam .less{display:flex;justify-content:start;align-items:center;flex-direction:column}.Exam .exam .less h1,.exam .less a{margin-top:40px;transition:100ms linear;color:#e2e2e2}.Exam .exam .less h2{padding:4px 8px;transition:100ms linear;color:#fff;width:100%}.Exam .exam .less h1:hover,.exam .less a:hover{transform:translateY(-20px);transition:100ms linear}*{margin:0;padding:0;box-sizing:border-box;font-family:"Nunito",sans-serif;scroll-behavior:smooth}.down i{border:none;border-radius:100%;font-size:32px}/*# sourceMappingURL=main.min.css.map */