.about-page{position:relative;height:110vh;width:100%;background-image:linear-gradient(to bottom right,rgba(0,0,0,.2),rgba(20,82,33,.7),transparent);display:flex;justify-content:center;align-items:center;z-index:10}.about-page h2{font-size:4.5em;position:absolute;margin-left:-1.3em}.about-page p{margin-top:8em;font-size:1.5em;margin-left:-4em}.about-page p a{text-decoration:none;cursor:pointer;color:inherit}.about-page p a:hover{color:#0f0;text-decoration:underline}.about-page .aboutpage-face{top:23%;left:20%;width:clamp(20em,45%,30em);height:clamp(20em,45%,30em)}.about-page:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:6.25em;background:linear-gradient(to top,rgba(20,82,33,.7),transparent);z-index:1000}.about-page:after{content:"";position:absolute;bottom:0;left:0;transform:rotate(180deg) translateY(-100%);width:100%;height:6.25em;background:linear-gradient(to top,rgba(12,137,153,.6),transparent);z-index:1000}.cube{--cube-height: 50px;--cube-width: 50px;--cube-color: #00ec00;position:relative;width:var(--cube-width);height:var(--cube-height);transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate 4s linear infinite;top:35em;left:-1em}@keyframes animate{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.cube div{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}.cube div span{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#151515,var(--cube-color));transform:rotateY(calc(90deg * var(--i))) translateZ(calc(var(--cube-width) / 2))}.top{position:absolute;top:0;left:0;width:var(--cube-width);height:var(--cube-height);background:#222;transform:rotateX(90deg) translateZ(calc(var(--cube-width) / 2))}.top:before{content:"";position:absolute;top:0;left:0;width:var(--cube-width);height:var(--cube-height);background:var(--cube-color);transform:translateZ(-75px);filter:blur(20px);box-shadow:0 0 120px #0f03,0 0 200px #0f06,0 0 300px #0f09,0 0 400px #0f0c,0 0 500px #0f0}@media (max-width: 767px){.about-page .about-left{display:none}.about-page h2{top:.4em;margin-left:-1em;font-size:3em}.about-page p{margin-top:3em;font-size:1.125em;margin-left:-3rem}}.technologies{height:100%;width:100%;background-image:linear-gradient(to bottom left,rgba(0,0,0,.2),rgba(12,137,153,.6),rgba(0,0,0,.2));display:flex;align-items:center;flex-direction:column}.technologies h2{font-size:clamp(3em,10vw,4.5em);margin-top:1em}.tech-container{margin-top:10em;margin-bottom:3em;display:grid;grid-template-columns:2fr 2fr 2fr;grid-template-rows:auto;grid-gap:5em;place-items:center;grid-row-start:1;grid-row-end:3}.tech-container .card{background:rgba(109,103,103,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2.5em 2em;width:clamp(250px,50vw,350px);height:100%;min-height:400px;z-index:8}.tech-container .card .card-img{position:relative;width:250px;height:150px;margin:.5em}.tech-container .card .card-heading{font-size:clamp(1.7em,5vw,3em);margin-bottom:.5em}.tech-container .card .card-description{font-size:clamp(.8em,5vw,1.3em);text-align:center}.technologies:after{content:"";position:relative;bottom:0;left:0;width:100%;height:6.25em;background:linear-gradient(to top,rgba(12,137,153,.6),transparent);z-index:1000}@media (max-width: 767px){.technologies h2{text-align:center}.tech-container{grid-template-columns:2fr;margin-top:4em;grid-gap:3em}.tech-container .card{min-height:300px}.tech-container .card .card-img{width:175px;height:100px}}.projects{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;background-image:linear-gradient(to bottom right,rgba(0,0,0,.2),rgba(4,1,177,.6),rgba(0,0,0,.2))}.projects h2{font-size:clamp(3em,10vw,4.5em);margin-top:1em}.projects-container{margin-top:8em;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5em;margin-bottom:4em}.projects-container .project-card{display:flex;justify-content:space-between;align-items:stretch;text-align:center;flex-wrap:wrap;border-radius:45px;position:relative;background:linear-gradient(315deg,#240d5d,#2b0f6e);box-shadow:-15px -15px 30px #240d5e,15px 15px 30px #2c0f70}.project-card.alternate{flex-direction:row-reverse}.project-card .project-card-left{width:50%;padding:.8em 2em;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-card .project-card-right{width:50%;padding-left:2em;display:flex;flex-direction:column;justify-content:center;gap:1em}.project-card-left:before{content:"";position:absolute;height:100%;width:.4%;left:50%;top:0;background-color:#fff}.project-card .project-card-left h3{font-size:clamp(2em,4vw,3em);margin:1rem}.project-card .project-card-img{margin-top:2em}.project-card .project-card-img img{border-radius:25px;filter:drop-shadow(7px 7px 10px black);width:clamp(200px,20vw,500px)}.project-card .project-card-description-heading{text-align:left;font-size:clamp(2em,4vw,3em);display:block}.project-card .project-description{text-align:left;font-size:clamp(1.1em,5vw,1.25em)}.project-button-section{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:8em}.project-button-section a{display:inline-block;padding:clamp(8px,.6rem,12px) clamp(24px,2.5em,35px);font-size:16px;font-weight:700;color:#fff;border:3px solid #fc4664;cursor:pointer;position:relative;background-color:transparent;text-decoration:none;overflow:hidden;z-index:1;font-family:inherit}.project-button-section a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fc4664;transform:translate(-100%);transition:all .3s;z-index:-1}.project-button-section a:hover:before{transform:translate(0)}@media (max-width: 768px){.projects-container .project-card{flex-direction:column;margin:0;align-items:center;justify-content:center;margin-inline:2.5em}.project-card.alternate{flex-direction:column}.project-card-left:before{display:none}.project-card-left,.project-card-right{align-items:center;justify-content:center}.project-card-right .project-description,.project-card .project-card-description-heading{text-align:center}.project-card-right .project-description{width:100%;margin-right:1em}.project-button-section{margin-top:6em;margin-bottom:2em;margin-right:1em}}.contact-page{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:5em;background-image:linear-gradient(to left,rgba(0,0,0,.2),rgba(128,128,128,.6),rgba(0,0,0,.2))}.contact-section-1{margin-top:6em}.contact-section-1 h2{font-size:clamp(2.5em,14vw,4em);margin-left:.5rem;margin-right:.5rem}.contact-section-1 div{margin-top:2em;font-size:clamp(1.1em,4vw,2em);margin-left:.5rem;margin-right:.5rem}.contact-section-2{margin-bottom:6em}.contact-section-2{display:flex;gap:4em}.contact-section-2 a img{height:clamp(3em,13vw,5em);width:clamp(3em,13vw,5em)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-color);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-attachment:scroll;overflow-x:hidden;overflow-y:scroll!important}:root{--bg-color: linear-gradient(180deg, #2b1055 0%, #1f2a42 100%);--font-size: 1.25em}#root{overflow-x:hidden}.bg-container{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:inherit}.body-images,.about-page section{position:relative;width:100%;height:100vh;padding:6.25em}.body-images img,.about-page section img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}section .main-bg{z-index:-10000}section .stars-img{z-index:-10000}section .moon-bg{mix-blend-mode:screen}section .stars-img{-moz-animation:rotate 10s infinite linear}@keyframes rotate{0%{-moz-transform:translateX(0px)}50%{-moz-transform:translateX(50px)}to{-moz-transform:translateX(0px)}}.body-images:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:6.25em;background:linear-gradient(to top,#1c0522,transparent);z-index:1000}.body-images:after{content:"";position:absolute;bottom:0;left:0;transform:rotate(180deg) translateY(-100%);width:100%;height:6.25em;background:linear-gradient(to top,#1c0522,transparent);z-index:1000}.nav-div{background-color:#0000001a;backdrop-filter:blur(1em);color:#fff;width:100%;height:5em;line-height:5em;font-size:1.125em;padding:0 1.8em;position:fixed;top:0;left:0;z-index:10000000000}.nav-div a{text-decoration:none;color:#fff}.nav-div a .main-face{float:left;position:absolute;height:inherit;line-height:inherit;height:3.2em;top:.3em;border-radius:50%;padding:0 1.8em;font-size:1.25em;text-transform:uppercase;font-weight:400;letter-spacing:.125em}.nav-div ul{float:right;list-style:none;height:inherit;line-height:inherit;padding:0 50px}.nav-div ul li{display:inline-block}.nav-div ul li a{display:block;text-align:center;min-width:120px;padding:0 30px}.nav-div ul li a:hover{background-color:#ffffff26}.nav-div .hamburger{display:none}@media (max-width: 767px){.nav-div{padding:0}.nav-div ul{width:100%;padding:0;background-color:#000000e6;height:100vh;max-height:0;overflow:hidden;transition:all ease-in-out .3s}.nav-div ul.open{max-height:100vh}.nav-div ul li{width:100%}.nav-div ul li a{padding:0}.nav-div .hamburger{display:block;position:absolute;height:40px;top:20px;right:20px;background-color:transparent;color:#fff;border:none;outline:none;padding:0 5px;cursor:pointer}.nav-div .hamburger span,.nav-div .hamburger span:before,.nav-div .hamburger span:after{display:block;content:"";background-color:#fff;height:3px;width:28px;border-radius:4px;transition:all ease-in-out .3s}.nav-div .hamburger span:before{transform:translateY(-8px)}.nav-div .hamburger span:after{transform:translateY(5px)}.nav-div .hamburger.open-hamburger span{background-color:transparent}.nav-div .hamburger.open-hamburger span:before{transform:translateY(0) rotate(45deg)}.nav-div .hamburger.open-hamburger span:after{transform:translateY(-3px) rotate(-45deg)}}.parallax-text-container{position:absolute;width:100%;margin-top:-60vh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10}.parallax-text-container p{position:absolute;font-size:clamp(3em,6vw,4.5em);font-weight:700;color:#fff;white-space:nowrap}.wobble span{display:inline-block;pointer-events:none}.wobble span.upscale{animation:upscale .5s 1}@keyframes upscale{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}