@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap";.App{font-family:Roboto,sans-serif}.loading{background-color:#21232a;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.loading .logo{height:17em;padding:1.5em;will-change:filter;animation:logo-spin linear infinite 20s;filter:drop-shadow(0 0 5em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading h1{color:beige;padding:3rem}.loading h2{color:#61dafbaa;opacity:.7}#mainSubscrption{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}@media (max-width: 1120px){#mainSubscrption{grid-template-columns:1fr;gap:2rem}}#mainSubscrption .blockContainer{width:min(400px,70%);aspect-ratio:3/4;box-shadow:0 0 15px 5px #444;border-radius:5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.7rem;padding:.5rem}#mainSubscrption .blockContainer .options>li{list-style-type:none;text-decoration:underline;color:#2a7891}#mainSubscrption .blockContainer h1{color:#2a7891}#mainSubscrption .blockContainer h2{color:#c02b2b}#mainSubscrption .blockContainer button{padding:.4rem 1.2rem;background-color:#61dafbaa;border:none;border-radius:5px;box-shadow:0 0 5px 2px #444;font-weight:700}.logIn{display:flex;justify-content:center;align-items:center;padding:1rem}.logIn .signIn{display:flex;flex-direction:column;padding:3rem;width:min(800px,80%);box-shadow:0 0 30px 2px #21232a;border-radius:5px}.logIn .signIn h1{margin:2rem;text-align:center;color:#61dafbaa;font-size:2rem;text-shadow:1px 2px rgb(192,43,43)}.logIn .signIn .checkPassword{text-align:center;color:#9c2d2d;font-size:1.7rem;font-weight:900;padding:1rem}.logIn .signIn .form{display:flex;flex-direction:column;gap:1.2rem}.logIn .signIn .form input{outline:none;font-size:1.3rem;border-radius:5px;padding:.7rem;border:.2px solid #444}.logIn .signIn .form button{font-weight:900;margin:0 auto;width:max-content;padding:.7rem 5rem;background-color:#61dafbaa;border:none;border-radius:5px;box-shadow:0 0 5px 2px #444}.logIn .signIn .form button:hover{cursor:pointer}.logIn .signIn .form textarea{font-family:Roboto,sans-serif;padding:.7rem;font-size:1.2rem;outline:none;border-radius:5px}.docs .rightContainer{margin:0 auto;text-align:justify;overflow:scroll;width:100%;padding:0 7rem}@media (max-width: 850px){.docs .rightContainer{padding:0 2.2rem}}@media (max-width: 600px){.docs .rightContainer{padding:0 1.2rem}}.docs .rightContainer::-webkit-scrollbar{display:none}.docs .rightContainer .docContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.docs .rightContainer .docContainer h2{text-align:center;margin:1rem}.docs .rightContainer .docContainer h2:hover{color:#61dafbaa;text-decoration:underline}.publicity{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1rem}.publicity>h1{margin:7rem 0;text-align:center;color:#43d8fc;text-shadow:1px 2px rgb(192,43,43)}.publicity .textPublicity{box-shadow:0 0 30px 2px #21232a;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;height:300px;border-radius:5px}.publicity .textPublicity h1{color:#43d8fc}.publicity .textPublicity .animatedBtn{background-color:#c02b2b;box-shadow:0 0 20px 4px #444;padding:.5rem 1.3rem;border:none;color:#f0f8ff;font-size:1.2rem;font-weight:900;border-radius:5px}.home .homeLeft{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 7rem;gap:2rem}@media (max-width: 850px){.home .homeLeft{overflow-y:scroll;padding:0 2.2rem}.home .homeLeft::-webkit-scrollbar{display:none}}@media (max-width: 600px){.home .homeLeft{padding:0 1.2rem}}.home .homeLeft .list{text-align:left}.home .homeLeft h1{font-size:2.5rem;color:#61dafbaa;font-weight:900;text-shadow:1px 2px rgb(192,43,43)}.home .homeLeft h2{color:#c02b2b;font-weight:900}.home .homeLeft h3{text-decoration:underline;font-style:italic;font-weight:900}.home .homeLeft h3:hover{color:#61dafbaa}.home .homeLeft p{font-size:1.3rem}.navContainer{display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.5rem;background-color:#21232a;padding:2.5rem}.navContainer>div.first{display:flex;justify-content:center;align-items:center;gap:3rem}@media (max-width: 580px){.navContainer>div.first{gap:.5rem}}.navContainer a{color:beige;text-decoration:none}.navContainer a.active,.navContainer a.active .iconNav{color:#61dafbaa;text-decoration:underline}.navContainer a:nth-of-type(1){font-weight:900;transform:translate(-1.3rem);color:#61dafbaa}.navContainer .textNav{display:none}@media (min-width: 1100px){.navContainer .textNav{display:inline}}.navContainer .iconNav{color:#fff}@media (min-width: 1100px){.navContainer .iconNav{display:none}}.navContainer .searchContainer{display:flex;justify-content:end;align-items:center;position:relative}@media (max-width: 730px){.navContainer .searchContainer .username{display:none}}.navContainer .searchContainer .searchInput{outline:none;border-radius:5px;padding:.3rem;border:none;font-size:1.3rem;width:200px}@media (max-width: 780px){.navContainer .searchContainer .searchInput{width:calc(1rem + 40%)}.navContainer .searchContainer .searchInput::placeholder{font-size:1rem}}.navContainer .searchIcon{position:absolute;font-size:1rem}@media (max-width: 500px){.navContainer .searchIcon{display:none}}.searched{color:#097c99aa;text-decoration:underline;font-weight:800;font-style:italic}.rootcontainer{display:grid;grid-template-rows:100px 1fr 120px}.rootcontainer>:nth-child(2){display:flex;height:calc(100vh - 220px);overflow:hidden}.rootcontainer .publicity{width:30%;padding:3rem;transform:translate(100%)}@media (max-width: 1525px){.rootcontainer .publicity{display:none}}.rootcontainer .publicity.show{animation:.5s showCard ease-in-out;animation-fill-mode:forwards}.rootcontainer .footer{position:relative}@keyframes showCard{0%{transform:translate(100%)}85%{transform:translate(-5%)}90%{transform:translate(-10%)}to{transform:translate(0)}}.column a{color:beige}.tutorials{width:100%;gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);padding:2rem;align-items:center;justify-items:center;overflow-y:scroll}.tutorials::-webkit-scrollbar{display:none}.tutorials .iframeVideo{width:550px;aspect-ratio:55/32}@media (max-width: 600px){.tutorials .iframeVideo{width:100%}}@media (max-width: 1024px){.tutorials{grid-template-columns:1fr}}.tutorials .textVideo{font-size:1.5rem;display:flex;justify-content:space-between}.tutorials .likeIcons:hover{cursor:pointer}.tutorials .liked:hover{color:#61dafbaa}.tutorials .disliked:hover,.tutorials .counter{color:red}*{margin:0;padding:0;box-sizing:border-box}