@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";#head{display:grid;margin-top:10%;justify-content:center}.header__container{text-align:center}.cta{margin-top:2.5rem;display:flex;gap:1.2rem;justify-content:center}.header__socials{display:flex;flex-direction:column;align-items:center;gap:.8rem;position:absolute;left:10%;bottom:3rem}.header__socials:after{content:"";width:1px;height:2rem;background:var(--color-primary)}.me{background:linear-gradient(var(--color-primary),transparent);width:20rem;height:20rem;position:absolute;left:calc(50% - 10rem);margin-top:4rem;border-radius:12rem 12rem 0 0;overflow:hidden;padding:.5rem 0rem 0rem}.scroll__down{position:absolute;right:10%;bottom:5rem;transform:rotate(90deg);font-weight:300;font-size:.9rem}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}}nav{background:#0000004d;width:max-content;display:block;padding:.7rem 1.7rem;z-index:2;position:fixed;left:50%;transform:translate(-50%);bottom:2rem;display:flex;gap:.8rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav a{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--color-light);font-size:1.1rem}nav a:hover{background:#0000004d}nav a.active{background:var(--color-primary);color:var(--color-bg)}#about{padding-top:5%}.padDown{text-align:center;padding-bottom:.5rem}.about__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:auto;width:30%}.about__card{color:#fff;background:var(--color-bg-close);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center;border-color:var(--color-bg-close)}.about__card:hover{background:transparent;border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center;border-color:var(--color-primary-variant)}.about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}.about__card h5{font-size:.95rem}.about__card small{font-size:.7rem;color:var(--color-light)}.pProps{margin:4rem 0 2.6rem;color:var(--color-light)}@media screen and (max-width:1024px){#about{padding-top:2%}.about__container{grid-template-columns:1fr;gap:0}.about__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:auto;width:60%;justify-content:center}.about__content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){#about{padding-top:2%}.about__cards{grid-template-columns:1fr 1fr;gap:1rem;width:80%;justify-content:center}.about__content p{margin:1.5rem 0}}#experience{padding-top:5%}.experience__container{display:flex;gap:3rem;justify-content:center}.experience__container>div{background:var(--color-bg-close);padding:2.4rem 3rem;border-radius:2rem;border:1px solid transparent;width:30%}.experience__container>div:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.experience__container>div h3{text-align:center;margin-bottom:2rem;color:var(--color-primary)}.experience__content{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience__details{display:flex;gap:1rem}.experience__details-icon{margin-top:6px;color:var(--color-primary)}@media screen and (max-width:1024px){#experience{padding-top:1%}.experience__container>div{width:80%;padding:2rem;margin:0 auto}.experience__content{padding:1rem}}@media screen and (max-width:712px){.experience__container{display:grid;grid-template-columns:1fr;gap:1rem}.experience__container>div{width:90%;padding:.1rem 1rem}.experience__container>div h3{text-align:center;margin-bottom:.1rem;color:var(--color-primary)}.experience__content{row-gap:.5rem;line-height:1.2rem}}#services{padding-top:5%}.padDown{padding-top:2rem}.services__container{display:flex;justify-content:center}.service{background:var(--color-bg-close);border-radius:0 0 2rem 2rem;border:1px solid var(--color-primary);height:fit-content;transition:var(--transition)}.service:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.service__head{background:var(--color-primary);padding:2rem;border-radius:0 0 2rem 2rem;box-shadow:0 2rem 1rem #0000001a}.service__head h3{color:var(--color-bg);font-size:1rem;text-align:center}.service__list{padding:2rem}.service__list li{display:flex;gap:1rem;margin-bottom:.8rem}.service__list-icon{color:var(--color-primary);margin-top:2px}.service__list p{font-size:.9rem}@media screen and (max-width:1024px){.services__container{grid-template-columns:1fr 1fr;gap:2rem}.service{height:auto}}@media screen and (max-width:600px){.services__container{grid-template-columns:1fr;gap:1.5rem}}#contact{padding-top:5%}.contact__options{display:flex;width:40%;gap:1.5rem;margin:auto;justify-content:center}.contact__option{background:var(--color-bg-close);padding:1.2rem;border-radius:1.2rem;width:50%;text-align:center;border:1px solid transparent;transition:var(--transition)}.contact__option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{margin-top:.7rem;display:inline-block;font-size:.8rem}@media screen and (max-width:1024px){.container.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:912px){.contact__options{display:flex;flex-direction:column;width:90%}.contact__option{margin:auto;justify-content:center;width:80%}}footer{background:var(--color-primary);padding:3rem 0;text-align:center;font-size:.9rem;margin-top:7rem}footer a{color:var(--color-bg)}.footer__logo{font-size:2rem;font-weight:500;margin-bottom:2rem;display:inline-block}.permalinks{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto 3rem}.footer__socials{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem}.footer__socials a{background:var(--color-bg);color:var(--color-white);padding:.8rem;border-radius:.7rem;display:flex;border:1px solid transparent}.footer__socials a:hover{background:transparent;color:var(--color-bg);border-color:var(--color-bg)}.footer__copyright{margin-bottom:4rem;color:var(--color-bg)}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}.articlesStyle{padding-top:1.5rem;padding-bottom:2rem;border:3px solid;background-color:var(--color-bg-close);border-color:var(--color-primary-variant);margin-bottom:8rem;border-radius:1rem 1rem 0rem 0rem;font-family:Verdana}.articleHeading{font-family:Verdana;padding-left:1.5rem;color:var(--color-primary);font-size:1.5rem}.articleTitle{padding-left:1.5rem;padding-bottom:1rem;color:var(--color-primary)}.articleBody{padding-left:1.5rem;padding-right:1rem;display:grid;grid-auto-flow:row;grid-row-gap:20px}.articleTitle>h2{font-size:2rem}.articleBody>h3{font-size:1.7rem}.articlesStyle:hover{background-color:#fff;color:#00008b}.articleTitle:hover{color:#00008b}.articles{margin-top:2rem;width:80%;margin-left:10%;margin-right:10%}.articlesH{margin-top:2rem;margin-bottom:4rem;width:80%;margin-left:10%;margin-right:10%;display:grid;grid-auto-flow:row;grid-row-gap:20px}@media screen and (max-width:1024px){.articles{width:90%;margin-left:5%;margin-right:5%}.articlesH{width:90%;margin-left:5%;margin-right:5%;grid-row-gap:15px}.scroll__up{font-weight:200;font-size:.7rem}}@media screen and (max-width:600px){.laugh>h1{font-size:2rem}.articles{width:98%;margin-left:1%;margin-right:1%}.articlesH{width:98%;margin-left:1%;margin-right:1%;grid-row-gap:12px}.articleTitle>h2{font-size:1.5rem}.articleBody>h3{font-size:1.08rem}.articleHeading{font-size:1.1rem}}.linkS{padding-left:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;width:100%;color:#fff;background-color:var(--color-bg-close)}.appLink{color:#fff;border:1px solid;border-color:var(--color-primary-variant);border-radius:2%;align-self:center;padding-top:1px;padding-bottom:2px;margin:0 0 2px;width:15.625vw;height:calc((580 / 1080) * 100vh)}.imgS{display:grid;grid-template-columns:repeat(5,1fr);padding-top:1.5rem;width:80%;margin:auto;justify-content:center}.imageStyle{margin:0 auto;object-fit:contain}.flexing{margin:auto;text-align:center;padding-top:10px}@media screen and (max-width:1280px){.appLink{width:90%;height:auto;max-width:90vw;max-height:100vh}.imgS{grid-template-columns:repeat(4,1fr);width:70%}.flexing{margin-top:0}}@media screen and (max-width:1024px){.imgS{grid-template-columns:repeat(3,1fr);width:80%}.flexing{margin-top:0}}@media screen and (max-width:920px){.imgS{grid-template-columns:1fr 1fr;width:60%}}@media screen and (max-width:600px){.imgS{display:flex;flex-direction:column;width:100%}.imageStyle{margin-top:0;justify-content:center}}.linkS{padding-left:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;color:#fff;background-color:var(--color-bg-close)}.laugh{padding-top:1.5rem;text-align:center;padding-bottom:.5rem}.articleHeading{font-family:Verdana;padding-left:1.5rem;color:var(--color-primary);font-size:1.2rem;line-height:2rem}.articlesH{margin-top:.5rem;margin-bottom:3rem;width:50%;margin-left:25%;margin-right:25%;display:grid;grid-auto-flow:row;grid-row-gap:20px}.jokesStyle{padding-top:1.5rem;padding-bottom:1.5rem;background-color:var(--color-bg-close);margin-bottom:5rem;border:1px solid transparent;border-radius:2rem;font-family:Verdana}.jokesStyle:hover{background:transparent;border:1px solid transparent;border-color:var(--color-primary-variant)}.jokeTitle{padding-left:1.5rem;padding-bottom:1rem;color:var(--color-primary)}.jokeBody{padding-left:1.5rem;padding-right:1rem;display:grid;grid-auto-flow:row;grid-row-gap:1.5rem}.imageStyleJ{margin:auto;margin-top:1.5rem;padding-top:.5rem;margin-bottom:5rem;padding-bottom:.5rem;width:18.75rem;height:28.125rem;object-fit:contain}.jokes{width:50%;margin-left:25%;margin-right:25%}.scroll__up{position:fixed;right:.1px;bottom:2rem;transform:rotate(90deg);font-weight:700;font-size:.9rem}@media screen and (max-width:1024px){.jokes{width:70%;margin-left:15%;margin-right:15%}.articlesH{width:90%;margin-left:5%;margin-right:5%;grid-row-gap:15px}.scroll__up{font-weight:200;font-size:.7rem}}@media screen and (max-width:600px){.laugh>h1{font-size:2rem}.jokes{width:96%;margin-left:2%;margin-right:2%}.jokeTitle>h2{font-size:1.5rem}.jokeBody>h3{font-size:1.08rem}.articlesH{width:98%;margin-left:1%;margin-right:1%;grid-row-gap:12px}}.aroundCanvast{position:absolute;background-color:#000;inset:0}.borders{object-fit:contain;background-color:#000;width:20%;margin-left:40%;margin-right:40%;height:90%}.samePost{margin-top:5px;border:2px solid;border-bottom:0px;border-color:#fff;width:100%;padding:.2rem 1rem;display:flex;justify-content:space-between;background-color:#000;text-align:center;color:gray;font-size:larger;font-weight:700;cursor:pointer}.restart1t,.restart2t,.exitt{color:gray}.portraitWindowt{padding:0;margin:0;border:2px solid;border-color:#fff;width:100%;height:90%;background-color:#000}.landscapeWindowt{padding:0;border:2px solid;border-color:#fff;width:100%;background-color:#000}.tooltip-text{visibility:hidden;position:absolute;z-index:1;width:250px;color:#000;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktop{visibility:hidden;position:absolute;z-index:1;width:300px;color:#000;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.info:hover .tooltip-text-desktop{visibility:visible}}@media screen and (max-width:1280px){.borders{width:26%;margin-left:37%;margin-right:37%}.info:hover .tooltip-text{visibility:visible}.info .tooltip-text:hover{display:none}}@media screen and (max-width:1024px){.borders{width:24%;margin-left:38%;margin-right:38%}}@media screen and (max-width:912px){.borders{width:90%;height:96%;margin-left:5%;margin-right:5%}}.selectPlayers{font-size:10px;font-weight:700}.loading{position:absolute;margin:auto;padding:1%;color:#fff;width:35%;left:40%;top:68%}.jess{position:absolute;padding:2%;color:#ffc0e7;border:2px solid gray;border-radius:30px;left:15%;top:35%;cursor:pointer}.hito{position:absolute;padding:2%;color:#d89696;border:2px solid gray;border-radius:30px;left:78%;top:35%;cursor:pointer}.yosi{position:absolute;padding:2%;color:#d3d3d3;border:2px solid gray;border-radius:30px;left:48%;top:66%;cursor:pointer}.selectTime{font-size:10px;font-weight:700}.day{position:absolute;background-color:#000;padding:2%;width:7.5%;color:#fff;border:2px solid gray;border-radius:100%;left:22%;top:45%;cursor:pointer}.night{position:absolute;background-color:#99d1f7;padding:1%;width:7%;color:#000;border:2px solid gray;border-radius:100%;left:72%;top:45%;cursor:pointer}.displayStart{position:absolute;font-size:20px;font-weight:700;background-color:#000;padding:10px;width:12%;color:#fff;border:3px solid gray;border-radius:20px;left:46%;top:45%;cursor:pointer}.hideStart{display:none}.goToSelect{position:absolute;font-size:100%;font-weight:700;background-color:#000;color:#fff;padding:1%;border:3px solid gray;border-radius:20px;margin-left:40%;top:65%;cursor:pointer}.aroundCanvasR{width:100vw;height:100vh;background-color:#000}.samePosR{display:flex;justify-content:space-around;background-color:#000;border:1px solid rgb(56,56,56);width:100%;margin:0;padding:0;color:gray;font-size:larger;font-weight:700;cursor:pointer}.restart1R,.restart2R,.exitR{color:gray}.tooltip-textR{visibility:hidden;position:absolute;z-index:1;width:76%;color:#000;font-size:20px;background-color:#00e1ff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopR{visibility:hidden;position:absolute;z-index:1;width:80%;color:#000;font-size:25px;background-color:#00e1ff;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.lowJumpPressed,.lowJumpReleased,.highJumpPressed,.highJumpReleased{display:none}.infoR:hover .tooltip-text-desktopR{visibility:visible}}@media screen and (max-width:1280px){.lowJumpPressed,.lowJumpReleased,.highJumpPressed,.highJumpReleased{display:none}.infoR:hover .tooltip-textR{visibility:visible}.infoR .tooltip-textR:hover{display:none}}@media(orientation:landscape){.canvasO{position:absolute;width:100%;height:90%;background-color:#000}}@media(orientation:portrait){.canvasO{position:absolute;margin-top:30%;width:100%;height:40%;background-color:#000}}.startScreen{position:absolute;background-color:#000;align-items:center;width:100vw;height:100vh}.startBody{text-align:center;width:80%;margin:10%;padding:2%;background-color:#bdd3e6}.gameTitle{font-size:200px;font-weight:700}.button{background-color:#4034e7;width:10%;margin-top:5%;margin-bottom:5%;margin-left:45%;text-align:center;padding:5px;border-radius:5px;cursor:pointer;font-weight:700;color:#fff}body{margin:0;padding:0}.aroundCanvas{position:absolute;background-color:#000;text-align:center;inset:0}.samePos{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:26%;margin-left:37%;margin-right:37%;color:gray;font-size:larger;font-weight:700;cursor:pointer}.restart1,.restart2,.exit{color:gray}.portraitWindow{padding:0;width:100%;margin-bottom:3%;background-color:#162938}.landscapeWindow{padding:0;background-color:#162938;width:26%;margin-left:37%;margin-right:37%}.tooltip-textb{visibility:hidden;position:absolute;z-index:1;width:250px;color:#b1e5e7;font-size:14px;background-color:#000;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopb{visibility:hidden;position:absolute;z-index:1;width:300px;color:#8bb6da;font-size:20px;background-color:#000;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.infob:hover .tooltip-text-desktopb{visibility:visible}}@media screen and (max-width:1280px){.infob:hover .tooltip-textb{visibility:visible}.infob .tooltip-textb:hover{display:none}.portraitWindow{padding:0;width:70%;margin-left:15%;margin-right:15%}.landscapeWindow{padding:0;width:32%;margin-left:34%;margin-right:34%}.samePos{width:32%;margin-left:34%;margin-right:34%}}@media screen and (max-width:1024px){.portraitWindow{padding:0;width:70%;margin-left:15%;margin-right:15%}.landscapeWindow{padding:0;width:30%;margin-left:35%;margin-right:35%}.samePos{width:30%;margin-left:35%;margin-right:35%}}@media screen and (max-width:912px){.portraitWindow{padding:0;width:80%;margin-left:10%;margin-right:10%}.samePos{width:80%;margin-left:10%;margin-right:10%}}@media screen and (max-width:768px){.portraitWindow{padding:0;width:70%;margin-left:15%;margin-right:15%}.samePos{width:70%;margin-left:15%;margin-right:15%}}@media screen and (max-width:712px){.portraitWindow{padding:0;width:84%;margin-left:8%;margin-right:8%}.samePos{width:84%;margin-left:8%;margin-right:8%}}@media screen and (max-width:540px){.portraitWindow{padding:0;width:70%;margin-left:15%;margin-right:15%}.samePos{width:70%;margin-left:15%;margin-right:15%}}@media screen and (max-width:480px){.portraitWindow{padding:0;width:80%;margin-left:10%;margin-right:10%}.samePos{width:80%;margin-left:10%;margin-right:10%}}.aroundCanvasMaze{position:absolute;background-color:#000;text-align:center;inset:0;width:100%;height:100%}.samePosMaze{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;background-color:#000;width:36%;height:6%;vertical-align:middle;margin-left:32%;color:gray;font-size:larger;font-weight:700;cursor:pointer}.levelSelect{position:absolute;margin:auto;padding:1%;background-color:#000;color:#fff;width:10%;border:2px solid gray;border-radius:5rem;left:50%;transform:translate(-50%);cursor:pointer}.next{position:absolute;margin:auto;padding:1%;background-color:#000;color:#fff;width:10%;border:2px solid gray;border-radius:5rem;left:50%;transform:translate(-50%);top:68%;cursor:pointer}.loadingAssets{position:absolute;margin:auto;padding:1%;color:#fff;width:35%;left:40%;top:68%}.restart1Maze,.restart2Maze,.pauseMaze,.exitMaze{color:gray}.portraitMaze{border:3px solid #646f80;border-radius:12px;padding:0;width:36%;height:94%;margin-left:32%;margin-right:32%;background-color:#162938}.tooltip-textMaze{visibility:hidden;position:absolute;z-index:1;width:75%;color:#162938;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopMaze{visibility:hidden;position:absolute;z-index:1;width:26%;color:#162938;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.playingSign{position:absolute;color:gray;left:35.5%;bottom:10%;cursor:pointer}@media screen and (min-width:1300px){.infoMaze:hover .tooltip-text-desktopMaze{visibility:visible}}@media screen and (max-width:1280px){.samePosMaze{margin-left:0;width:100%;padding:0}.levelSelect{width:35%}.playingSign{position:absolute;left:0;color:gray;margin-top:1rem;margin-left:.5rem}.next{width:35%}.infoMaze:hover .tooltip-textMaze{visibility:visible}.infoMaze .tooltip-textMaze:hover{display:none}.portraitMaze{margin:0;padding:0;width:100%;height:94%}}.aroundCanvasL{position:absolute;background-color:#000;text-align:center;inset:0}.samePosL{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;background-color:#000;width:30%;vertical-align:middle;margin-left:35%;margin-right:35%;color:gray;font-size:larger;font-weight:700;cursor:pointer}.restart1L,.restart2L,.exitL{color:gray}.levelSelectL{position:absolute;margin:auto;padding:1%;background-color:#000;color:#fff;width:10%;border:2px solid gray;border-radius:5rem;left:50%;transform:translate(-50%);cursor:pointer}.nextL{position:absolute;margin:auto;padding:1%;background-color:#000;color:#fff;width:28%;border:2px solid gray;border-radius:5rem;left:50%;transform:translate(-50%);top:68%;cursor:pointer}.portraitWindowL{border:3px solid #e0e3e7;border-radius:12px;padding:0;background-color:#000}.landscapeWindowL{border:3px solid #bcc2ca;border-radius:12px;padding:0;background-color:#000;width:30%;height:96%;margin-left:35%;margin-right:35%}.tooltip-textL{visibility:hidden;position:absolute;z-index:1;width:70%;color:#162938;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopL{visibility:hidden;position:absolute;z-index:1;width:20%;color:#162938;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.aroundCanvasL{background-color:gray}.infoL:hover .tooltip-text-desktopL{visibility:visible}}@media screen and (max-width:1280px){.samePosL{position:absolute;top:0;width:100%;margin:0;padding:0}.levelSelectL{width:35%}.infoL:hover .tooltip-textL{visibility:visible}.infoL .tooltip-textL:hover{display:none}.portraitL{margin:0;padding:0;width:100%}.landscapeL{padding:0;width:32%;margin-left:34%;margin-right:34%}}.aroundCanvasArt{background-color:#000;text-align:center;inset:0}.samePosArt{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;background-color:#000;width:30%;margin-left:35%;margin-right:35%;color:gray;font-size:larger;font-weight:700;cursor:pointer;z-index:2}.exitArt{color:gray}.imgArt{text-align:center}.labelDC{padding:5px}.buttonC{padding:3px;font-size:16px;font-weight:700;margin-left:10px}.arrangeInfo{margin-left:7%;margin-right:7%}.arrangeInfo2{margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{margin:auto;border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-top:4px solid white;animation:spin 2s linear infinite}.portraitArt{position:relative;border:none;padding-top:3rem;background-color:#000}.landscapeArt{position:relative;border:solid 1 black;padding-top:4rem;background-color:#000;width:30%;margin-left:35%;margin-right:35%}.tooltip-textArt{visibility:hidden;position:absolute;z-index:1;width:70%;color:#162938;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopArt{visibility:hidden;position:absolute;z-index:1;width:64%;color:#162938;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltipArt{position:relative;display:inline-block;cursor:pointer}.tooltipArt .info-icon{background-color:#080842;color:#fff;height:20px;width:20px;line-height:20px;border-radius:50%;text-align:center;font-size:12px;display:inline-block}.tooltipArt .tooltiptextArt{visibility:hidden;width:1100%;background-color:#141438;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:50%;margin:auto;opacity:0;transition:opacity .3s}.tooltipArt:hover .tooltiptextArt{visibility:visible;opacity:1}.tooltipArt .tooltiptextArt:hover{display:none}@media screen and (min-width:1300px){.aroundCanvasArt{background-color:gray}.infoArt:hover .tooltip-text-desktopArt{visibility:visible}}@media screen and (max-width:1280px){.samePosArt{position:fixed;width:100%;margin:0;padding:0;z-index:2}.infoArt:hover .tooltip-textArt{visibility:visible}.infoArt .tooltip-textArt:hover{display:none}.portraitArt{width:100%}.landscapeArt{width:32%;margin-left:34%;margin-right:34%}}.aroundCanvasAA{position:absolute;background-color:#000;text-align:center;inset:0}.samePosAA{position:absolute;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;background-color:#000;width:30%;left:35%;color:gray;font-size:larger;font-weight:700;cursor:pointer}.restart1AA,.restart2AA,.exitAA{color:gray}.nextAA{position:absolute;margin:auto;padding:1%;background-color:#000;color:#fff;width:28%;border:2px solid gray;border-radius:5rem;left:50%;transform:translate(-50%);top:68%;cursor:pointer}.portraitAA{border:3px solid #646f80;border-radius:12px;padding:0;background-color:#000}.landscapeAA{position:fixed;left:35%;border:3px solid #646f80;border-radius:12px;padding:0;background-color:#000;width:30%;height:95%}.tooltip-textAA{visibility:hidden;position:absolute;z-index:1;width:70%;color:#162938;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopAA{visibility:hidden;position:absolute;z-index:1;width:80%;color:#162938;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.aroundCanvasAA{background-color:gray}.infoAA:hover .tooltip-text-desktopAA{visibility:visible}}@media screen and (max-width:1280px){.samePosAA{position:absolute;top:0;width:100%;margin:0;padding:0;left:0}.infoAA:hover .tooltip-textAA{visibility:visible}.infoAA .tooltip-textAA:hover{display:none}.portraitAA{margin:0;padding:0;width:100%}.landscapeAA{padding:0;width:32%;margin-left:34%;margin-right:34%}}.samePosEng{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background-color:#000;width:30%;margin-top:.5%;margin-left:35%;margin-right:35%;color:gray;font-size:larger;font-weight:700;cursor:pointer;text-align:center}.restart1Eng,.restart2Eng,.exitEng{color:gray}.sentenceBG{background-color:#0a0a22;padding-top:30px;padding-bottom:40px;width:30%;margin-left:35%;margin-right:35%}.score{text-align:center;margin-bottom:10px;color:#f0f09c}.sentence{font-size:1.4rem;margin-left:10px;margin-right:10px;margin-bottom:15px;color:#f1d2d2;cursor:pointer}.mainSentence{font-size:1.35rem;margin-left:10px;margin-right:10px;margin-bottom:15px;color:#daeaf1}.sentence2{font-size:1.4rem;margin-left:10px;margin-right:10px;margin-bottom:15px;color:#9ce29c;cursor:pointer}.correctE{color:#9ce49c}.correct{color:#daeaf1}.wrong{color:#f75454}.button-container{text-align:center}#nextBtn{padding:5px 10px;margin-top:30px;font-size:larger;font-weight:700}.finalWord{text-align:center;margin-top:30px;color:#f0f09c}.sentence:before{content:"●";margin-right:5px}.sentence2:before{content:"●";margin-right:5px}.correct:before{color:#b7e0f3}.wrong:before{color:red}.tooltip-textEng{visibility:hidden;position:absolute;z-index:1;width:70%;color:#162938;font-size:14px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}.tooltip-text-desktopEng{visibility:hidden;position:absolute;z-index:1;width:20%;color:#162938;font-size:20px;background-color:#fff;border-radius:5px;padding:5px;top:25px;text-align:left}@media screen and (min-width:1300px){.infoEng:hover .tooltip-text-desktopEng{visibility:visible}}@media screen and (max-width:1280px){.samePosEng{position:relative;top:0;width:100%;margin:auto;padding:10px;text-align:center}.sentenceBG{width:100%;margin:auto}.infoEng:hover .tooltip-textEng{visibility:visible}.infoEng .tooltip-textEng:hover{display:none}.sentence,.sentence2{cursor:none}}.full-screen-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center}img{max-width:100%;max-height:80vh}.close-button{margin-top:10px;padding:10px 20px;border:none;background:#0a2131;color:#fff;cursor:pointer;border-radius:5px}.close-button:hover{background:#2980b9}.ad-slider{width:100%;position:relative}.ad-image{width:100%;cursor:pointer;transition:opacity .4s ease-in-out}.floating-editor-backdrop{position:fixed;inset:0;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center}.floating-editor{background:#fff;width:min(92vw,420px);border-radius:12px;padding:1.25rem;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.floating-editor-backdrop{align-items:flex-end}.floating-editor{width:100%;border-radius:16px 16px 0 0}}.floating-editor label{font-weight:600;font-size:.9rem}.floating-editor input,.floating-editor textarea,.floating-editor select{font-size:1rem;padding:.75rem;border-radius:8px;border:1px solid #ccc}.floating-editor textarea{resize:vertical;min-height:80px}.editor-error{color:#d32f2f;font-size:.85rem}.editor-actions{display:flex;justify-content:flex-end;gap:.5rem}.editor-actions button{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer}.editor-actions .primary{background:#2563eb;color:#fff}*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--color-bg: #151525;--color-bg-close:rgb(22, 22, 48);--color-bg-variant: #2c2c6c;--color-primary: #4db5ff;--color-primary-variant: rgba(77,181,255,.4);--color-white: #fff;--color-light: rgba(255,255,255,.6);--transition: all .4s ease;--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;background:var(--color-bg);color:var(--color-white);line-height:1.7}.container{width:var(--container-width-lg);margin:0 auto}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}header,section{height:100vh}section>h2,section>h5{text-align:center;color:var(--color-light)}section>h2{color:var(--color-primary);margin-bottom:3rem}.text-light{color:var(--color-light)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}.btn{width:max-content;display:inline-block;color:var(--color-primary);padding:.75rem 1.2rem;border-radius:.4rem;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition)}.btn:hover{background:var(--color-white);color:var(--color-bg);border-color:transparent}.btn-primary{background:var(--color-primary);color:var(--color-bg)}img{display:block;width:100%;object-fit:cover}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}