@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0;background-color:var(--body_background);color:var(--body_color1);--body_background: white;--body_color1: black;--body_color2: white;--border_color1: grey;--border_color2: black}.darkMode{--body_background: rgb(38, 38, 38);--body_color1: white;--body_color2: black;--border_color1: white;--border_color2: grey}*{transition:all .1s ease}.welcomePage{height:100vh;width:auto;background:var(--body_background);display:flex;align-items:flex-end;animation:introAnim 2s ease-out}.welcomePage h1{font-family:Poppins;font-style:italic;font-weight:400;color:var(--body_color1);font-size:200px;margin:0 0 30px 30px}@keyframes introAnim{0%{transform:translate(-100%);opacity:0;font-weight:150}50%{transform:translate(0);opacity:1;font-weight:550}to{transform:translateY(-100%);opacity:0;font-weight:150}}@media (width <=768px){.welcomePage{align-items:center}.welcomePage h1{font-size:100px}}.homePage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}nav{border-bottom:1px solid var(--border_color2);z-index:3;background-color:var(--body_background);max-height:20vh;width:100%;animation:loadNav .5s ease-in}@keyframes loadNav{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logo{color:var(--body_color);font-size:36px;font-weight:400;width:fit-content;margin:30px 0 0 30px;line-height:100%;cursor:pointer}.navOptions{display:flex;list-style:none;justify-content:flex-end;margin:0;padding:0;width:100%}.navOptions li{width:fit-content;margin:0 20px;font-size:30px;font-weight:100;cursor:pointer}.navOptions li:hover{color:#21a179;text-decoration:underline}.navOptions li:active{color:#17644c}.introSection{display:flex;height:100%;justify-content:center;align-items:center;text-align:center;font-size:18px;font-weight:200;animation:loadIntro 1.5s ease-in}@keyframes loadIntro{0%{opacity:0}to{opacity:1}}.lottieWave{animation:loadSVG 1s ease-in}@keyframes loadSVG{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}.lottieEmail{position:absolute;transform:scale(1.2);height:100%;width:100%;z-index:-1}.introText{height:fit-content;cursor:default;color:purple}.introText h1{font-weight:500;color:red}.profileImg{height:250px;width:250px;margin-top:50px;margin-left:50px;background-image:url(/assets/selfie-ec94d899.jpg);background-size:cover;background-position:center;border-radius:50%;animation:floatingImg infinite 3s ease-in}@keyframes floatingImg{50%{transform:translateY(-10px);box-shadow:0 2px 3px #000}}.contactBtns{display:flex;justify-content:center;gap:10px}.linkedin{color:#4646e7;cursor:pointer;height:40px}.github{color:#000;cursor:pointer;height:40px}.aboutMe{display:flex;justify-content:center}.aboutIntro{text-align:center;font-weight:300;width:50%;margin:50px}.aboutIntro h2{font-weight:500}.aboutResume{height:70vh;width:50%;margin:50px;text-align:center}.aboutResume a{display:none}.techStack{text-align:center;border-top:1px solid var(--border_color2);border-bottom:1px solid var(--border_color2)}.htmlLogo,.cssLogo,.jsLogo,.reactLogo,.stackLogos img{height:50px}.techStack h2{font-weight:500;margin:20px auto}.scrollStack{--gap: 1rem;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:40px auto;gap:var(--gap)}.stackLogos{flex-shrink:0;display:flex;justify-content:space-around;min-width:100%;gap:var(--gap);animation:scrollLogos linear 30s infinite}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}.projectSection{text-align:center}.projectSection h2{font-size:36px;font-weight:300}.contactSection{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.contactSection h2{font-size:36px;font-weight:300}.formContainer{border-radius:25px;padding:25px 50px;max-width:25%;max-height:50vh;background-color:#000;box-shadow:0 0 15px #0006}.contactForm,label{display:flex;color:#fff;flex-direction:column;gap:10px 0;align-items:center;justify-content:center}label,.contactForm input{width:100%}.contactForm textarea{max-width:25vw;max-height:15vh}.contactForm button{background-color:#fff;color:#000;border:none;font-family:Poppins;font-size:20px}@media (width <=768px){.logo{margin:0 0 10px 10px}.navOptions li{font-size:20px;font-weight:400}.introText{margin-bottom:100px}.introText h1{font-size:20px}.profileImg{height:100px;width:100px;margin-top:50px;margin-right:20px}.lottieWave{display:flex;align-items:flex-end;height:50%}.aboutMe{display:flex;flex-direction:column;align-items:center}.aboutIntro{font-size:14px;margin-bottom:0;width:90%}.aboutResume{height:auto;width:auto}.aboutResume a{text-decoration:none;padding:5px;display:block}.techStack{font-size:12px;height:fit-content}.scrollStack{margin-top:0;margin-bottom:10px}.techStack h2{margin:10px}.htmlLogo,.cssLogo,.jsLogo,.reactLogo,.stackLogos img{height:25px}.lottieEmail{transform:scale(1);margin-top:40%}.formContainer{max-width:50%}.formContainer textarea{max-width:50vw;max-height:15vh}}.projectWheelContainer{overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #000}.projectWheel{white-space:nowrap;transition:transform .3s}.project{display:inline-flex;justify-content:center;width:100%;border-bottom:1px dotted var(--border_color1);align-items:center;height:490px}.projectInfo{font-size:1.15rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:600px;height:90%;color:var(--body_color1)}.projectInfo a{text-decoration:none;background-color:#21a179;color:#fff;border-radius:15px;padding:5px 10px}.projectInfo a:active{background-color:#17644c;color:gray}.projectImg img{height:300px}.projectStacks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:50px}.netlifyLogo{height:25px}.viteLogo,.sassLogo{height:50px}.projectDeps{display:flex;align-items:center;gap:20px}.projectDesc{font-size:12px;display:flex;height:fit-content;width:80%;white-space:normal;justify-content:center}.wheel-btns{display:flex;margin-bottom:20px;justify-content:space-evenly}.btn-arrow{background:none;border:none;cursor:pointer;margin-top:20px}.indicators{display:flex;justify-content:space-around;align-items:center;margin-top:20px}.indicator-btns{border:none;cursor:pointer}.indicators>button{margin:5px;background:none}.indicator-symbol{color:#dcdcdc}.indicator-symbol-active{color:gray}@media (width <=768px){.project{flex-direction:column;border:none}.projectImg img{height:250px}.projectStacks{font-size:30px;margin-bottom:10px}.projectInfo{max-width:20%;max-height:100%}.projectInfo h3{font-size:18px}.projectDeps{font-size:14px;height:25px}.netlifyLogo{height:15px}.viteLogo,.sassLogo{height:25px}.wheel-btns{margin-top:10%;gap:10px}.projectDesc{width:100%;font-size:10px}}:root{--lightBtn_background: linear-gradient(rgb(0, 238, 255),rgb(0, 119, 255));--lightCircle_color: rgb(238, 255, 0);--darkBtn_background: linear-gradient(rgb(131, 0, 213),rgb(27, 0, 75));--darkCircle_color: rgb(244, 244, 244)}*{transition:all .2s linear ease}.themeToggle{position:absolute;display:flex;justify-content:flex-start;align-items:center;text-align:left;z-index:99;right:2%;bottom:2%;width:5%;height:5%;padding:3px;border:2px solid black;box-shadow:0 0 8px inset #000c;border-radius:25px;cursor:pointer;background:var(--lightBtn_background)}.toggleCircle{border-radius:50%;color:var(--lightCircle_color);box-shadow:0 0 10px gold;animation:lightMode .2s linear forwards}.darkContainer{background:var(--darkBtn_background);animation:darkMode .2s linear forwards}.darkCircle{border-radius:50%;color:var(--darkCircle_color);box-shadow:0 0 10px #fff}@keyframes darkMode{0%{justify-content:flex-start}to{justify-content:flex-end}}@keyframes lightMode{0%{justify-content:flex-end}to{justify-content:flex-start}}@media (width<=768px){.themeToggle{width:20%}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}