@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Abel&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-drag:none}* img{vertical-align:middle}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background-color:#4e497a}*::-webkit-scrollbar-thumb{background:#6969b3;border-radius:10px;border:1px inset rgba(105,105,179,.4666666667)}html,body{height:100%;-webkit-tap-highlight-color:transparent}:root{font-family:Roboto Slab,serif}#root,.App{height:100%}.App .hidden{scale:.5;opacity:0;transition:all .5s ease-out}.App .hidden.top{transform:translateY(-180px)}.App .hidden.right{transform:translate(320px)}.App .hidden.bottom{transform:translateY(180px)}.App .hidden.left{transform:translate(-320px)}.App .hidden.show{scale:1;opacity:1;transform:translate(0)}.navbarCont{height:4.5rem;position:relative}.navbarCont .navbarWave{display:none;position:absolute;width:100%;height:1.5rem;z-index:5}.navbarCont .navbarWave.scrolled{display:block}.navbarCont .navbar{height:100%;display:flex;justify-content:space-between;background-color:#fff;color:#25171a;padding-inline:5%;overflow-x:hidden;overflow:hidden}.navbarCont .navbar .siteName{word-break:keep-all;font-weight:900;font-size:2rem;color:#6969b3;display:flex;justify-content:center;align-items:center;text-decoration:underline}.navbarCont .navbar .links{display:flex;font-family:Abel,sans-serif;font-size:1.2rem;padding-top:.7rem;overflow:hidden}.navbarCont .navbar .links .link{text-decoration:none;color:inherit;display:flex;justify-content:center;align-items:center;font-weight:600;transition:all .3s;color:#555;padding:0 1.2rem}.navbarCont .navbar .links .link:hover{transform:translateY(-3px);text-decoration:none;color:#6969b3}.navbarCont .navbar .hamburger{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;z-index:10}.navbarCont .navbar .hamburger span{border:2px solid #6969b3;border-radius:4px;pointer-events:none;transition:.3s}.navbarCont .navbar .hamburger span.active{border-color:#fff;transform-origin:left}.navbarCont .navbar .hamburger .top.active{transform:rotate(42deg)}.navbarCont .navbar .hamburger .mid.active{opacity:0}.navbarCont .navbar .hamburger .bot.active{transform:rotate(-42deg)}.navbarCont .navbar.scrolled{background-color:#6969b3}.navbarCont .navbar.scrolled .hamburger span{border-color:#fff}.navbarCont .navbar.scrolled .siteName{color:#eee;text-decoration:none}.navbarCont .navbar.scrolled .link{color:#eee}.navbarCont .navbar.scrolled .link:hover{color:#eee;text-decoration:underline}.mainSection{height:calc(100% - 4.5rem);overflow-y:overlay;scroll-behavior:smooth;padding-top:1rem}.mainSection .waves{height:5rem;width:100%}.homeCont{height:calc(100% + 5rem)}.homeCont .home{overflow:hidden;height:calc(100% - 5rem);background-color:#fff;padding:0 10% 2rem;display:flex;color:#6969b3;font-family:Abel,sans-serif}.homeCont .home img{height:100%}.homeCont .home .descCont{display:flex;flex-direction:column;justify-content:center;padding:5rem 0}.homeCont .home .descCont .header{font-size:2.5rem;font-weight:900}.homeCont .home .descCont .desc{padding:1rem 1rem 0;font-size:1.3rem;color:#555}.effectsCont{height:auto;background-color:#98c1d9}.effectsCont .effects{height:100%;overflow:hidden;padding:1rem 10%;color:#555}.effectsCont .effects .header{text-decoration:underline;text-align:center;font-size:2rem;font-weight:900;margin:.5rem 0 1.5rem;color:#533a7b}.effectsCont .effects .cards{font-family:Abel,sans-serif;height:100%;display:grid;grid-template-columns:repeat(3,1fr);padding-top:3rem;gap:2rem}.effectsCont .effects .cards .card{display:flex;flex-direction:column;align-items:center;padding:1rem;overflow:hidden}.effectsCont .effects .cards .card:nth-child(2){border:4px dashed #533a7b;border-radius:1rem;transform:translateY(-3rem)}.effectsCont .effects .cards .card .descCont{padding:1.5rem 0;overflow:hidden;text-align:center}.effectsCont .effects .cards .card .descCont .descHeader{padding-bottom:.3rem;font-size:1.7rem;font-weight:900}.effectsCont .effects .cards .card .descCont .desc{font-size:1.15rem;opacity:.9;font-weight:400}.effectsCont .effects .cards .icon{width:30%;height:auto}.graphicsCont{height:calc(100% + 5rem);background-color:#ecebe7}.graphicsCont .graphics{overflow:hidden;height:calc(100% - 5rem);padding:2rem 10% 0;display:flex;color:#6969b3;font-family:Abel,sans-serif}.graphicsCont .graphics img{height:100%}.graphicsCont .graphics .descCont{padding:1rem 0 0 2rem;text-align:center}.graphicsCont .graphics .descCont img{width:100%;height:auto}.graphicsCont .graphics .descCont .header{font-size:2.5rem;font-weight:900}.graphicsCont .graphics .descCont .desc{padding:.5rem 1rem;font-size:1.3rem;opacity:.8;color:#555}.whatToDoCont{height:auto;background-color:#533a7b}.whatToDoCont .whatToDo{overflow:hidden;height:100%;padding:0 10% 3rem;color:#eee;font-family:Abel,sans-serif}.whatToDoCont .whatToDo .header{width:100%;font-size:2rem;font-weight:900;padding-bottom:3rem;color:#eee;text-decoration:underline;transform:rotate(-5deg)}.whatToDoCont .whatToDo .suggestions{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;color:#555}.whatToDoCont .whatToDo .suggestions .hidden.show{transform:translate(0) rotate(-4deg)}.whatToDoCont .whatToDo .suggestions .suggestion{display:flex;background-color:#e7d9fa;border-radius:1rem;overflow:hidden}.whatToDoCont .whatToDo .suggestions .suggestion img{width:250px;height:auto;transform:rotate(0)!important}.whatToDoCont .whatToDo .suggestions .suggestion .descCont{padding:1rem 1rem 1rem 0;display:flex;flex-direction:column;justify-content:center}.whatToDoCont .whatToDo .suggestions .suggestion .descCont .descHeader{font-size:1.7rem;color:#6969b3;font-weight:900}.whatToDoCont .whatToDo .suggestions .suggestion .descCont .desc{padding-top:.3rem;font-size:1.1rem}.presentationCont{background-color:#1d1d1d;padding:3rem}.presentationCont .presentation{overflow:hidden;height:100%;padding:0 10%;color:#eee;font-family:Abel,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.presentationCont .presentation .header{font-size:2.2rem;text-decoration:underline;padding:1.7rem 0}.presentationCont .presentation .videoCont{background:linear-gradient(45deg,#6969b3,#533a7b);width:100%;height:480PX;display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:20% 80% 35% 65%/71% 21% 79% 29%}.presentationCont .presentation .videoCont .video{width:70%;height:70%;border:none}@media only screen and (max-width: 700px){::-webkit-scrollbar{width:4px}.hidden.top{transform:translate(-320px)!important}.hidden.bottom{transform:translate(320px)!important}.hidden.show{opacity:1;transform:translate(0)!important}.navbarCont{height:8%}.navbarCont .navbar{display:flex;justify-content:space-between;align-items:center}.navbarCont .navbar .siteName{font-size:1.1rem!important}.navbarCont .navbar .links{position:absolute;flex-direction:column;justify-content:center;left:0;top:0;width:100%;height:100vh;z-index:10;background-color:#000d;padding:0;transform:scaleY(0);opacity:0;transform-origin:top;transition:transform .5s,opacity .7s}.navbarCont .navbar .links .link{color:#eee;border-radius:.5rem;padding:1.8rem;font-weight:700;font-size:1.7rem;transition:transform .7s,opacity .3s;transition-delay:transform 1s,opacity .4s}.navbarCont .navbar .links .link:hover{transform:translateY(-3px);text-decoration:none;color:#6969b3}.navbarCont .navbar .links .link.left{opacity:0;transform:translate(-320px)}.navbarCont .navbar .links .link.right{opacity:0;transform:translate(320px)}.navbarCont .navbar .hamburger{display:flex;z-index:10}.navbarCont .navbar .links.active{transform:scaleY(1);opacity:1}.navbarCont .navbar .links.active .link{opacity:1;transform:translate(0)}.mainSection{height:92%}.mainSection .homeCont{height:auto}.mainSection .homeCont .home{flex-direction:column;align-items:center;padding-inline:5%}.mainSection .homeCont .home .descCont{order:2;padding:0}.mainSection .homeCont .home .descCont .header{font-size:2.2rem}.mainSection .homeCont .home img{width:100%;height:auto;order:1}.mainSection .effects{padding-inline:5%}.mainSection .effects .cards{grid-template-columns:1fr!important;padding-top:0}.mainSection .effects .cards:nth-child(2){transform:translateY(0)!important}.mainSection .graphicsCont{height:auto}.mainSection .graphicsCont .graphics{flex-direction:column;padding-inline:5%}.mainSection .graphicsCont .graphics img{order:2;width:100%;height:auto}.mainSection .graphicsCont .graphics .descCont{padding:1rem 0;display:flex;flex-direction:column}.mainSection .graphicsCont .graphics .descCont .header{font-size:2.2rem}.mainSection .graphicsCont .graphics .descCont .desc{padding-bottom:1rem}.mainSection .whatToDoCont .whatToDo{padding-inline:5%}.mainSection .whatToDoCont .whatToDo .header{transform:rotate(0);padding:2rem 0}.mainSection .whatToDoCont .whatToDo .suggestions{grid-template-columns:1fr!important}.mainSection .whatToDoCont .whatToDo .suggestions .suggestion{flex-direction:column}.mainSection .whatToDoCont .whatToDo .suggestions .suggestion img{width:100%;height:auto}.mainSection .whatToDoCont .whatToDo .suggestions .suggestion .descCont{padding:1.5rem}.mainSection .presentationCont{padding:1rem 0}.mainSection .presentationCont .presentation{padding-inline:5%}.mainSection .presentationCont .presentation .videoCont{border-radius:1rem}.mainSection .presentationCont .presentation .videoCont .video{width:100%;height:100%}}