@font-face{font-family:PeachyKeenJF;src:url(../fonts/peachykeenjf.otf)}body,html{background:url(../img/bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;font-family:Poppins}img,object{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-on-desktop{display:flex!important}.hide-on-mobile{display:none!important}.container{margin:auto;max-width:320px;padding:0 20px}body{position:relative}header{background:linear-gradient(180deg,#3d1d62 30%,transparent);display:flex;justify-content:space-between;padding:20px;position:fixed;top:0;width:100vw;z-index:110}header #img-wrapper{align-items:center;display:flex}header #img-wrapper #tatra{width:40px}header #img-wrapper #scool{margin-left:10px;width:70px}header #nav-wrapper,header #nav-wrapper ul{align-items:center;display:flex;gap:20px}header #nav-wrapper ul{list-style-type:none;padding-left:0}header #nav-wrapper ul li a{border-radius:22px;color:#fff;display:none;padding:10px 20px;position:relative;text-decoration:none;transition:.15s ease-out}header #nav-wrapper ul li a:before{background:#ffbcfe border-box;border:2px solid transparent;border-radius:22px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;position:absolute;transition:.15s ease-out}header #nav-wrapper #menu-mobile{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1/1;background-color:transparent;background-image:url(../img/burger-menu.svg);background-position:50%;background-repeat:no-repeat;border:none;display:block;transition:.15s ease-out;width:60px}header #nav-wrapper #menu-mobile.close{background-image:url(../img/x-menu.svg)}header #nav-wrapper a.highlighted,header #nav-wrapper a:hover{background:#ffbcfe;color:#000;transition:.15s ease-out}header #nav-wrapper a.highlighted:before,header #nav-wrapper a:hover:before{background:#ffbcfe border-box;transition:.15s ease-out}#mobile-header-menu{background:linear-gradient(to bottom right,#5a3197,#8e38b3);opacity:0;pointer-events:none;position:absolute;top:0;transition:.15s ease-out;z-index:105}#mobile-header-menu,#mobile-header-menu ul{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;width:100%}#mobile-header-menu ul{list-style-type:none;padding-left:0;padding-top:150px}#mobile-header-menu ul li{display:flex;justify-content:center;padding:20px 30px;width:100%}#mobile-header-menu ul li a{border-radius:32px;color:#fff;display:block;display:none;padding:20px 30px;position:relative;text-align:center;text-decoration:none;transition:.15s ease-out;width:60%}#mobile-header-menu ul li a:before{background:#ffbcfe border-box;border:2px solid transparent;border-radius:32px;content:"";display:none;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;position:absolute;transition:.15s ease-out}#mobile-header-menu.active ul li a,#mobile-header-menu.active ul li a:before{display:block}#mobile-header-menu.active{opacity:1;pointer-events:all}footer{background-color:#0b1330;color:#91d5eb;flex-direction:column;font-size:13px;height:-moz-fit-content;height:fit-content;position:relative;z-index:100}footer,footer>div{display:flex;width:100%}footer>div{justify-content:space-between}footer>div .logo{align-items:center;display:flex;gap:12px;justify-content:flex-start;padding-left:20px;width:-moz-max-content;width:max-content}footer>div .logo img{width:25px}footer>div .logo p{font-size:13px}footer>div .socials-wrapper{display:flex;justify-content:space-between}footer>div .socials-wrapper .socials{align-items:center;border-left:1px solid #3c4259;display:flex;justify-content:center;padding:18px 36px}footer>div .socials-wrapper .socials a{align-items:center;display:flex;justify-content:center;transition:.3s ease-out}footer>div .socials-wrapper .socials a:hover{filter:brightness(1.4)}footer>div .socials-wrapper .socials .tiktok{width:20px}footer>div .socials-wrapper .socials .yt{width:27px}footer .menu-wrapper{border-top:1px solid #3c4259;width:100%}footer .menu-wrapper .menu{display:flex;justify-content:space-between;padding:19px 20px;width:calc(100% - 40px)}footer .menu-wrapper .menu .column{display:flex;flex-direction:column;gap:15px;list-style-type:none;padding-left:0}footer .menu-wrapper .menu .column a{color:#91d5eb;font-size:12px;text-decoration:none;transition:.3s ease-out}footer .menu-wrapper .menu .column a:hover{filter:brightness(1.4)}footer .menu-wrapper .menu-wide{display:none;list-style-type:none;padding-left:0}#content{padding:120px 0;width:100vw}#content .container{gap:48px;margin:auto}#content .container,#content .container .text{align-items:center;display:flex;flex-direction:column}#content .container .text{gap:32px}#content .container .text .heading{align-items:center;display:flex;flex-direction:column}#content .container .text .heading img{width:320px}#content .container .text .heading h1{color:#ffbcfe;font-family:PeachyKeenJF;font-size:36px;font-style:normal;font-weight:400;margin-top:-12px}#content .container .text p{font-size:16px;max-width:90%;text-align:center}#content .container .text a{width:240px}#content .container .text a img{width:100%}#content .container .text a:hover{filter:brightness(1.1)}#content .container .chapters{display:flex;flex-direction:column;gap:20px;width:100%}#content .container .chapters>h2{color:#ffbcfe;font-family:PeachyKeenJF;font-size:36px;font-style:normal;font-weight:400;margin-top:-12px;text-align:center}#content .container .chapters .category{align-items:center;background-color:rgba(0,0,0,.3);border-radius:32px;display:flex;flex-direction:column;gap:16px;padding:24px 32px;width:calc(100% - 64px)}#content .container .chapters .category h2{-webkit-text-fill-color:transparent;background:#ffbcfe;-webkit-background-clip:text;font-family:PeachyKeenJF;font-size:24px;font-style:normal;font-weight:400}#content .container .chapters .category .buttons{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}#content .container .chapters .category .buttons a,#content .container .chapters .category .buttons button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:flex;font-size:16px;gap:16px;outline:none;width:-moz-fit-content;width:fit-content}#content .container .chapters .category .buttons a img,#content .container .chapters .category .buttons button img{height:24px;width:auto}#content .container .chapters .category .buttons .play{background:#ffbcfe;border-radius:32px;color:#000;font-weight:700;padding:12px 32px;position:relative;text-decoration:none;transition:.15s ease-out}#content .container .chapters .category .buttons .play:hover{filter:brightness(1.1)}#content .container .chapters .category .buttons .download{background:transparent;border-radius:32px;color:#fff;font-weight:700;padding:12px 32px;position:relative;text-decoration:none;transition:.15s ease-out}#content .container .chapters .category .buttons .download img{display:block}#content .container .chapters .category .buttons .download .download-dark{display:none}#content .container .chapters .category .buttons .download:before{background:#ffbcfe border-box;border:2px solid transparent;border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;position:absolute;transition:.15s ease-out}#content .container .chapters .category .buttons .download:hover{background:#ffbcfe;color:#000;filter:brightness(1.1)}#content .container .chapters .category .buttons .download:hover img{display:none}#content .container .chapters .category .buttons .download:hover .download-dark{display:block}#content .container .chapters .category .buttons .download:hover:before{background:#ffbcfe border-box}#video-popup{background-color:rgba(0,0,0,.85);height:100dvh;opacity:0;pointer-events:none;position:fixed;transition:.15s ease-in-out;width:100dvw;z-index:120}#video-popup,#video-popup .video-wrapper{align-items:center;display:flex;justify-content:center}#video-popup .video-wrapper{height:100%;margin:auto;position:relative;width:calc(100% - 40px)}#video-popup .video-wrapper iframe{aspect-ratio:16/9;border-radius:20px;filter:drop-shadow(#FFBCFE 0 0 30px);width:100%}#video-popup .video-wrapper button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:none;position:absolute;right:0;top:32px}#video-popup .video-wrapper button img{aspect-ratio:1/1;width:64px}#video-popup.active{opacity:1;pointer-events:all}@media screen and (max-width:390px){footer>div .logo{gap:6px}footer>div .socials-wrapper .socials{padding:22px 24px}}@media screen and (min-width:400px){header #img-wrapper #tatra{width:49px}header #img-wrapper #scool{width:88px}}@media screen and (min-width:640px){footer .menu-wrapper .menu{display:none}footer .menu-wrapper .menu-wide{display:flex;justify-content:space-between;padding:19px 20px;width:calc(100% - 40px)}footer .menu-wrapper .menu-wide a{color:#91d5eb;font-size:12px;text-decoration:none;transition:.3s ease-out}footer .menu-wrapper .menu-wide a:hover{filter:brightness(1.4)}}@media screen and (min-width:768px){.container{max-width:688px;padding:0 40px}#content{padding-top:160px}#content .container .text .heading img{width:480px}#content .container .text .heading h1{font-size:48px}#content .container .text p{font-size:20px}#content .container .text a{width:320px}#content .container .chapters>h2{font-size:48px}#content .container .chapters .category{align-items:center;border-radius:30px;flex-direction:row;justify-content:space-between;padding:30px;width:calc(100% - 60px)}#content .container .chapters .category h2{font-size:40px}#content .container .chapters .category .buttons{flex-direction:column;width:-moz-fit-content;width:fit-content}#video-popup .video-wrapper{height:-moz-fit-content;height:fit-content;width:80%}#video-popup .video-wrapper button{right:-64px;top:-64px}}@media screen and (min-width:980px){header{padding:25px 60px;width:calc(100% - 120px)}header #img-wrapper #tatra{width:70px}header #img-wrapper #scool{width:125px}header #nav-wrapper .nav-item{display:block}header #nav-wrapper .nav-item:hover{filter:brightness(1.1)}header #nav-wrapper #menu-mobile{display:none}footer{flex-direction:row}footer>div .logo{padding-left:60px}footer>div .logo .hide{display:none}footer>div .socials-wrapper{border-right:1px solid #3c4259}footer>div .socials-wrapper .socials{border-left:1px solid #3c4259}footer .menu-wrapper{border:none;display:flex;width:-moz-fit-content;width:fit-content}footer .menu-wrapper .menu{display:flex;gap:40px;max-width:none;padding:28px 60px;width:-moz-max-content;width:max-content}footer .menu-wrapper .menu-wide{display:none}}@media screen and (min-width:1024px){.hide-on-desktop{display:none!important}.hide-on-mobile{display:flex!important}.container{max-width:944px}#content .container .chapters .category{border-radius:90px;padding:30px 90px;width:calc(100% - 180px)}#content .container .chapters .category .buttons{flex-direction:row}#content .container .chapters .category .buttons a,#content .container .chapters .category .buttons button{font-size:20px}#content .container .chapters .category .buttons a img,#content .container .chapters .category .buttons button img{height:31px}}@media screen and (min-width:1280px){.container{max-width:1200px}#content .container .text .heading img{width:670px}#content .container .text .heading h1{font-size:80px;margin-top:-32px}#content .container .chapters>h2{font-size:80px}footer{flex-direction:row}footer>div .logo{padding-left:60px}footer>div .logo .hide{display:none}footer>div .socials-wrapper{border-right:1px solid #3c4259}footer>div .socials-wrapper .socials{border-left:1px solid #3c4259}footer .menu-wrapper .menu{display:none}footer .menu-wrapper .menu-wide{display:flex;gap:30px;justify-content:space-between;max-width:none;padding:28px 60px;width:-moz-max-content;width:max-content}}@media screen and (min-width:1440px){.container{max-width:1360px}}