.section-1{display:flex;justify-content:center;align-items:center;margin-top:2rem}.section-1 img{margin-right:2rem;position:relative;top:-28px;width:43vw}.sec-1-text-stack{color:var(--SOFT_COLOR);text-align:left;position:relative;top:1rem}.main-text{font-size:7.5vw;font-family:gothic;line-height:1}.sec-1-text-stack .row-2{font-family:robo-bold;margin-top:25px}.sec-1-text-stack .row-3{font-family:robo-regular;margin-top:.5rem}.row-3{font-size:20px}.hollar-btn{border-radius:25px;display:flex;justify-content:center;align-items:center;padding-left:1.5rem;padding-right:1rem;font-family:robo-bold;color:var(--WHITE);font-size:1.1rem;background-color:var(--ACENT);outline:none;border:none;margin-top:1rem;transition:transform .2s ease}.hollar-btn:hover{transform:scale(1.05)}.hollar-btn:hover svg{animation:wave .6s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}*{margin:0;padding:0;font-family:robo-regular;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{--WHITE: #ffffff;--SOFT_COLOR: #D1E9FF;--PRIMARY: #1579D7;--ACENT: #114F87;--MEDIUM: #B4DBFF;--BLACK: black;--APP_GREY: #E7E7E7}*:focus{outline:none}ul{list-style:none}button:hover{cursor:pointer}@font-face{font-family:robo-bold;src:url(/assets/ChakraPetch-Bold.fb428d38.ttf)}@font-face{font-family:robo-semi-bold;src:url(/assets/ChakraPetch-SemiBold.e0e25888.ttf)}@font-face{font-family:robo-regular;src:url(/assets/ChakraPetch-Regular.75a36533.ttf)}@font-face{font-family:gothic;src:url(/assets/gothicb.3f8e628a.ttf)}#root{text-align:center}body{position:fixed;top:0;left:0}.layover{background-color:#000;width:100vw;height:100vh;z-index:1;position:fixed;opacity:.4}.ade{font-family:gothic;color:var(--SOFT_COLOR);font-size:3rem}.home_page{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100vw;height:100vh;background-color:#1579d7;overflow-y:scroll;overflow-x:hidden}.home_page .header{display:flex;width:100%;justify-content:space-between}.header h3,.header .menu-sym{margin-inline:2rem;margin-top:1rem}.key-skills{background-color:var(--SOFT_COLOR);width:100vw;height:auto;font-size:2rem;padding:8rem 0 6rem 10rem;font-family:robo-bold;margin-top:5rem;color:var(--PRIMARY);align-items:flex-start;display:flex;flex-direction:column;position:relative}#key-p:after{content:"";width:80vw;height:3px;background-color:var(--PRIMARY);display:inline-block;position:absolute;bottom:5rem;left:10vw}.key-underline{height:3px;width:50rem;margin-left:-1rem;padding-right:5rem;margin-top:1rem;background-color:var(--PRIMARY)}.section-header{display:flex;text-align:left;align-items:center;padding-top:3rem;padding-left:3rem;width:100%;transition:1s}.section-header h1{font-family:gothic;margin-left:4rem;font-size:4rem;padding-right:1rem;transition:1s}.section-header h2{font-family:robo-regular;margin-left:1rem;transition:1s}@media (min-width: 650px) and (max-width: 1000px){.section-1 img{max-width:60vw}}@media (max-width: 500px){.section-1{flex-direction:column;justify-content:flex-start;align-items:center}.section-1 h1,.section-1 h2,.section-1 p{text-align:center}.sec-1-text-stack{display:flex;flex-direction:column;align-items:center}.sec-1-text-stack button{width:fit-content}.sec-1-text-stack h1{font-size:16vw;margin-bottom:-10px}.section-1 img{margin:0;margin-top:3rem;margin-bottom:-2rem;width:80vw}.home_page nav{max-width:85vw}nav .project-item,nav .menu-inner h4{margin-right:2rem}nav a{font-size:25px}.menu-inner{margin-top:3rem}.pop-up{width:calc(100vw - 3rem);top:4.5rem;left:1.5rem}.pop-up form{padding:1rem}.pop-up h2{font-size:2.5rem;width:13.5rem;line-height:1.2;margin-bottom:.5rem}}.section-2-inner{background-color:var(--SOFT_COLOR);width:100%;display:flex;justify-content:center;gap:10vw;padding-bottom:10rem;padding-top:5rem}.section-2-left{display:flex;flex-direction:column;justify-content:center;align-items:center}.create-user{border-radius:50px;display:flex;gap:4px;justify-content:center;align-items:center;border:none;background-color:var(--WHITE);color:var(--CREAM);width:fit-content;padding-block:12px;padding-inline:1rem;font-family:robo-regular}.log-input{width:20rem;height:2.5rem;border:none;background-color:var(--PRIMARY);color:var(--WHITE);font-family:robo-regular;text-align:center;margin-block:.5rem;border-radius:10px;font-size:1rem}.log-input::placeholder{color:var(--WHITE)}.log-btns{--borderRad:20px;height:4rem;--font-size: 12px}.log-left,.log-right{border:none;background-color:var(--WHITE);color:var(--CREAM);padding-inline:1rem;padding-block:12px;font-family:robo-regular}.log-left{border-radius:var(--borderRad) 0 0 var(--borderRad);border-right:1px solid var(--CREAM);width:5rem;font-size:var(--font-size)}.log-right{width:5rem;font-size:var(--font-size);border-radius:0 var(--borderRad) var(--borderRad) 0}.section-2-right .inner{position:relative;width:fit-content;height:fit-content}.section-2-right{position:relative;top:-25px}.data-form{width:25rem;height:20rem;background-color:var(--WHITE);display:flex;flex-direction:column;border-radius:20px;overflow:hidden}.input-row svg:hover{cursor:pointer}.input-row{margin-top:auto;width:100%;background-color:var(--PRIMARY);display:flex;gap:10px;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;border-radius:0 0 20px 20px}.locked{background-color:var(--PRIMARY);border-radius:20px;display:flex;justify-content:center;align-items:center;width:25rem;height:100%;position:absolute;top:0;left:0;z-index:1}.locked svg{position:relative;top:-10px}.input-row input{height:1rem;width:100%;margin-left:2rem;border:none;border-bottom:2px solid var(--WHITE);background-color:transparent;font-size:1rem;font-family:robo-regular;color:var(--WHITE)}.input-row input::placeholder{font-family:robo-regular;text-align:center;color:var(--WHITE)}.input-row svg{margin-right:2rem}.data-form ul{list-style-type:none;padding-left:0;gap:1rem;margin-top:1.5rem;margin-inline:2rem;height:15rem;overflow-y:auto}.user-data-item{display:flex;background-color:var(--APP_GREY);margin-block:.5rem;gap:1rem;justify-content:space-between;align-items:center;padding-right:2rem;padding-left:3rem;border-radius:5px;font-family:robo-regular;text-align:left}.user-data-item svg{transform:scale(.8);position:relative;top:2px}.user-data-item svg:hover{cursor:pointer;transform:scale(1);transition:.1s}.input-row svg{transform:scale(.8)}.input-row svg:hover{transform:scale(.7);transition:.1s}.user-data-title{font-size:1.5rem}#eng{position:relative;left:-8px}.e-com-inner{background-color:var(--MEDIUM);width:100%;display:flex;justify-content:center;gap:10vw}.cart{width:22rem;height:30rem;margin-block:5rem;border:8px solid var(--REG-BROWN);border-bottom:none;border-radius:30px;background-color:#fff;display:flex;flex-direction:column;padding-top:20px;align-items:center}.cart-line{height:1px;width:calc(100% - 50px);margin-block:20px;background-color:var(--BLACK)}.cart-item{align-items:center;padding-block:20px;border-bottom:1px solid var(--BLACK);display:flex;justify-content:space-between;margin-inline:2rem}.cart-item:last-child{border-bottom:none}.total-row{margin-top:auto;height:3rem;width:fit-content;color:var(--WHITE);display:flex;justify-content:center;align-items:center;padding-inline:4rem;border-radius:15px;background-color:var(--ACENT);font-size:20px}.buy-button{background-color:var(--PRIMARY);border:0;position:relative;top:18px;font-size:16px;color:var(--WHITE);padding:10px 20px;border-radius:20px}.e-com-inner-left{height:fit-content;margin-top:2rem;width:fit-content;padding-inline:10%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:3rem}.cart ul{display:grid;place-content:center;height:100%;width:100%;border-radius:30px 30px 0 0;margin-block:10px;overflow-y:auto}.color{height:5rem;width:5rem;display:grid;place-content:center;border-radius:15px;margin-inline:20px;transition:.4s;color:#fff9c6}.cart .color{margin-inline:0;margin-right:15px;height:4rem;width:4rem;font-size:13px}.color:hover{border-radius:12px;cursor:pointer}.cart-x{margin-left:auto}.cart-x:hover{cursor:pointer}.cart-item .color:hover{border-radius:12px;cursor:default}.color p{user-select:none}.WOW{height:15rem;width:5rem;background-color:#0ff}.WOW:nth-child(odd){background-color:#faebd7;display:none}.tech-title{color:var(--DRK_BROWN);font-size:50px;margin-block:50px}.tech-section{background-color:var(--MEDIUM);width:100%;padding-bottom:7.5rem;padding-top:5rem;display:flex;align-items:center;flex-direction:column}.tech-section button{margin-top:4.5rem;width:fit-content;transform:scale(1.2);padding:.8rem 2rem;font-size:20px;font-family:robo-regular}.tech-list{padding-inline:10rem}.tech-list img{margin:10px}@media (max-width: 1000px){.section-1{flex-direction:column;justify-content:flex-start;align-items:center;margin-top:0}.section-1 h1,.section-1 h2,.section-1 p{text-align:center}.sec-1-text-stack{display:flex;flex-direction:column;align-items:center}.sec-1-text-stack button{width:fit-content}.sec-1-text-stack h1{font-size:clamp(4rem,10vw,20rem);margin-bottom:-10px}.sec-1-text-stack .row-2{font-size:clamp(22px,3.3vw,5rem)}.section-1 img{margin:0;margin-top:3rem;margin-bottom:-2rem;width:80vw}#eng{position:relative;left:0px}.home_page nav{max-width:85vw}nav .project-item,nav .menu-inner h4{margin-right:2rem}nav a{font-size:25px}.menu-inner{margin-top:3rem}.e-com-inner-right{width:90%}.pop-up{width:calc(100vw - 2rem);top:1rem;left:1rem}.pop-up form{padding:1rem}.pop-up form .form-row-1{flex-direction:column}.pop-up h2{font-size:2rem;line-height:1.2;margin-bottom:.5rem;margin-top:5rem}.pop-up h3{font-size:1.5rem}.key-skills{padding-top:3rem;padding-inline:3rem;padding-bottom:0;align-items:center}#key-p:after{top:110px;width:50vw;left:25vw}.section-header{padding-top:3rem;padding-left:0;justify-content:center}.section-header h1{transform:scale(.8);margin-left:27.5px;border:none!important;padding:0;display:none}.section-header h2{transform:scale(.8);margin:-10px;text-align:center}.section-2-inner{flex-direction:column;padding-top:2rem;padding-bottom:0;align-items:center;gap:0}.section-2-left{transform:scale(.95)}.section-2-right{transform:scale(.8)}.input-row{height:4rem}.input-row input{height:40%}.e-com-inner{flex-direction:column;align-items:center}.e-com-inner-left{grid-template-columns:repeat(3,1fr)}.e-com-inner-right{display:flex;align-items:center}.cart{margin-top:0;width:90vw}.tech-list{padding-inline:2rem;transform:scale(.9)}}@media (max-width: 390px){.pop-up h2{font-size:18px;line-height:15px;margin-bottom:.5rem;margin-top:5rem}.pop-up h3{font-size:1rem;display:none}}@media (min-width: 1900px){.sec-1-text-stack h2{font-size:1.4 vw}.sec-1-text-stack p{font-size:1vw}}@media (min-width: 1600px){.key-skills{align-items:center;padding-inline:0}}.section-mogo{width:100%;display:flex;justify-content:center;transition:1s;padding-bottom:4rem}.extra-div{width:100%}.dark-toggle{width:200px;height:fit-content}.menu-btn svg g:hover,.dark-toggle svg g:hover{cursor:pointer}.lottie-div{display:grid;place-content:center}.menu-btn{overflow:hidden}.menu-btn{height:300px;width:300px}.menu-btn svg{height:200px;width:200px}@media (max-width: 1000px){.section-mogo{flex-direction:column}.dark-toggle{width:130px}.menu-btn{height:200px}}.menu{background-color:var(--WHITE);height:100vh;position:fixed;width:400px;top:0;right:0;display:flex;justify-content:center;padding-top:8rem;z-index:2;box-shadow:0 0 20px #000a}.menu-sym{z-index:3;padding-top:7px;cursor:pointer;width:75px;position:relative;right:-9px}.menu ul{margin-top:-30px;overflow-y:auto}.menu-sym svg{cursor:pointer}.menu .menu-inner{width:100%;text-align:right}.menu-inner h4{margin-left:auto;font-family:robo-regular;font-size:2rem;padding-bottom:3px;margin-right:5rem;margin-bottom:2rem}a{text-decoration:none;font-size:20px;color:var(--PRIMARY)}.project-item{margin-right:5rem;margin-block:1.5rem}.pop-up{position:fixed;height:calc(100vh - 6rem);z-index:3;border-radius:15px;background-color:var(--WHITE)}@media (min-width: 1000px){.pop-up{top:3rem;left:8rem;width:calc(100vw - 16rem)}.pop-up form{padding:5rem 2rem}.pop-up form h2{font-size:3rem}.pop-up h3{font-size:20px}}.pop-up form h2{color:var(--PRIMARY);font-family:gothic}.pop-up-back{position:absolute;top:0;left:0;margin:1.5rem 2.5rem;cursor:pointer}.pop-up form h3{margin-top:-15px;margin-bottom:1rem;color:var(--BLACK);font-family:gothic}.pop-up form{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;align-items:center}.pop-up .form-row-1{display:flex;gap:1rem;width:100%}.pop-up input,.pop-up textarea{border:none;background-color:var(--APP_GREY);width:100%;height:3rem;border-radius:7px;padding:1rem;vertical-align:text-top;display:table-cell}.pop-up .form-large{width:100%;height:90%;vertical-align:text-top;text-align:left;resize:none}.pop-up input::placeholder{vertical-align:top;text-align:left;vertical-align:text-top}.pop-up button{border-radius:25px;display:flex;justify-content:center;align-items:center;padding:1rem 1.5rem;font-family:robo-bold;color:var(--WHITE);font-size:1.1rem;background-color:var(--ACENT);outline:none;border:none;margin-top:1rem}