@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap);:root{--white:rgb(239,236,236);--green:rgb(98,146,154);--dark-green:rgba(62,112,121,.596);--black:rgb(89,89,87);--dark-blue:rgb(19,59,92);--dark-black:rgb(54,52,52);--blue:rgb(45,171,255);--bright-green:rgb(61,189,93);--yellow:rgba(255,244,105,1);--pink:rgba(242,112,255,.6);--purple:rgba(163,163,255,1);--gradient:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%)}*{box-sizing:border-box;font-size:10px;margin:0;padding:0;font-family:'Balsamiq Sans',cursive}html,body{margin:0;background:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}body{overflow-x:hidden}section{height:100vh;width:100vw}img{width:100%;height:auto;margin-left:auto;margin-right:auto}ul{list-style-type:none;color:var(--white);line-height:1.6}p{font-size:1.5rem;padding:1rem;color:var(--white);text-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black)}h1{font-size:2rem;padding:1rem;margin-top:2rem;margin-bottom:2rem;color:var(--white);text-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black)}p,h1{line-height:1.6}button{color:var(--white);background-color:var(--blue);border-color:var(--dark-black);cursor:pointer;border-radius:1rem;text-indent:0rem!important;margin-top:1.5rem;font-size:1.5rem;padding:.5em 1em .5em 1em;position:relative;overflow:hidden;box-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black);text-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}button:hover{background:var(--bright-green);color:var(--white)}button:after{content:"";background:var(--white);display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all 1s}button:active:after{padding:0;margin:0;opacity:1;transition:0s}header{z-index:1}::placeholder{color:var(--blue);font-size:1.5rem}select{font-size:100%;font-weight:700;cursor:pointer;color:var(--blue);padding:1.5rem;margin:1rem;appearance:none;border-radius:1rem;overflow:hidden;white-space:pre;text-overflow:ellipsis;transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease}select:hover,select:focus{border-bottom-color:#dcdcdc;border:2px inset var(--blue)}select:focus{color:var(--white);background-color:var(--blue)}select option{text-align:center;background-color:var(--dark-black);color:var(--white)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{box-shadow:0 0 0 30px var(--blue) inset;-webkit-box-shadow:0 0 0 30px var(--blue) inset}input:-webkit-autofill{-webkit-text-fill-color:var(--white)}input,button,select,textarea{border:2px outset #000;padding:1rem;font-size:1.5rem}input,textarea{font-size:1.5rem;color:var(--blue);margin:1rem;transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease;border-radius:1rem;text-align:center}input:hover,textarea:hover{border:2px inset var(--blue)}input:focus,textarea:focus{background-color:var(--blue);color:var(--white)}label{font-size:1.5rem;color:var(--white)}textarea{margin-bottom:1.5rem;text-align:left!important}a{text-decoration:none;font-size:1.5rem;color:var(--blue)}h1,p,img,button{z-index:2}iframe{margin:1rem}.container{position:relative;display:flex;flex-direction:column}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-shadow{text-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black)}.text-container{display:flex;flex-direction:column;justify-content:center;background-color:var(--dark-blue);padding:3rem;margin:5% 5% 30% 5%;border-radius:5rem;border:1px solid;box-shadow:1px 1px var(--dark-black)}.text-container li{font-size:1.5rem;margin-top:1rem}.visible{display:block;visibility:visible;opacity:1;animation:fadeIn 0.5s linear 1}.hidden{display:none;visibility:hidden;opacity:0;transition:visibility 0s 0.5s,opacity 0.5s linear}.center{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.option{background-color:var(--white);cursor:pointer;margin-bottom:1.2rem}.option:hover{transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease}.product{max-width:320px;max-height:240px}.z-index-fix{z-index:2;position:relative}.btn-container{display:flex;flex-direction:column}#home{display:block}#hero{position:fixed;min-width:auto;min-height:400px;z-index:0;bottom:0;right:0;left:0;margin-right:auto;margin-left:auto}#home button{margin-top:3rem;margin-right:1rem;font-size:2em}#p0-5,#p1,#p2,#p3{display:none}#loader{border:12px solid var(--white);border-radius:50%;border-top:12px solid #2dabff;width:70px;height:70px;animation:spin 1s linear infinite}#home h1{font-size:2.8rem;padding:1rem;text-shadow:2px 2px #000}#logo{max-width:537px;max-height:134px}#home p{font-size:2.8rem;padding:1rem;text-shadow:2px 2px #000;margin-right:1rem}#banner{border-radius:20px;border:3px solid var(--black)}#thinking-img{border-radius:20px}#p0-5 ul,#p1 ul{margin-bottom:5%;padding-right:1rem}#p0-5 ul{padding-left:3rem;list-style-type:circle}#p1 ul{padding-left:3.5rem;list-style-type:decimal}#p0-5 li,#p1 li{font-size:1.5rem}label .menu{position:fixed;top:105%;left:50%;transform:translate(-50%,-50%);z-index:100;width:200px;height:200px;border-radius:50% 50% 50% 50%;border:1px solid;background:var(--blue);box-shadow:1px 1px var(--dark-black);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;box-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black);cursor:pointer;opacity:.96}label:hover .menu{background-color:var(--blue)}label .hamburger{position:absolute;bottom:85%;left:50%;transform:translate(-50%,-50%);width:30px;height:4px;background:var(--white);display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}label .hamburger:after,label .hamburger:before{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%;background:var(--white)}label .hamburger:before{top:-10px}label .hamburger:after{bottom:-10px}label input{display:none}label input:checked+.menu{background-image:linear-gradient(to top,#a3bded 0%,#6991c7 100%);box-shadow:0 0 0 20vh var(--dark-black),0 0 0 70vh var(--blue),0 0 0 100vh var(--white);background:var(--white)}label input:checked+.menu .hamburger{-webkit-transform:rotate(90deg);transform:rotate(45deg) translate(-65%,50%);bottom:80%;background:var(--black)}label input:checked+.menu .hamburger:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0;background:var(--black)}label input:checked+.menu .hamburger:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;background:var(--black)}label input:checked+.menu+ul{opacity:1}label ul{z-index:200;position:fixed;display:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;text-shadow:2px 0 0 var(--dark-black),-2px 0 0 var(--dark-black),0 2px 0 var(--dark-black),0 -2px 0 var(--dark-black),1px 1px var(--dark-black),-1px -1px 0 var(--dark-black),1px -1px 0 var(--dark-black),-1px 1px 0 var(--dark-black)}label a,p{margin-bottom:1em;display:block;color:var(--white);text-decoration:none}label a{font-size:1.5rem}label p{font-size:2rem}select{border:1px solid var(--white);background-color:transparent}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes fadeIn{from{visibility:hidden;display:"block";opacity:0}to{visibility:visible;opacity:1}}@media only screen and (min-device-width :768px){iframe{width:40vw;max-width:600px;height:auto}#p0-5 li,#p1 li,p{font-size:2.3rem}a{font-size:2rem}h1{font-size:3.5rem}textarea{font-size:2rem}span{font-size:2rem}label{font-size:2rem}.button{font-size:3rem}select{font-size:2rem}option{font-size:2rem}label a{font-size:3rem}label p{font-size:4rem}#hero{max-width:600px}#home p{margin-right:10%}.z-index-fix{margin-top:5%;margin-left:25%}label .menu{top:0%;left:1%}label .hamburger{bottom:30%;left:65%}label input:checked+.menu .hamburger{transform:rotate(45deg) translate(-70%,50%);bottom:25%}label input:checked+.menu{box-shadow:0 0 0 50vh var(--dark-black),0 0 0 100vh var(--blue),0 0 0 300vh var(--white)}.text-container{margin:auto;max-width:50vw;padding:2% 5% 2% 5%;margin-bottom:10%;margin-top:2%}#thinking-img{max-width:438px;min-height:310px}.btn-container{display:flex;flex-direction:row;justify-content:center}#p0-5 button,#p1 button,#p2 button{margin:1rem}#p3 button{margin:2rem}#home button{margin-top:auto;margin-right:8%;font-size:3rem}.text-container li{font-size:2rem}ul{line-height:1.2}.text-container button,h1{font-size:2.3rem}h1{font-size:3rem}form{margin:1rem}iframe{margin:2rem}}