#root{max-width:1280px;padding-top:2rem;padding-bottom:-2em;margin:0 auto;width:70vw;text-align:center}.appContent{margin-top:5em}@media only screen and (max-width: 565px){#root{width:80vw}}.topBlur{position:fixed;width:50vw;height:50vw;min-width:350px;min-height:350px;top:-128px;left:-10vw;border-radius:764px;background:#9bb65741;filter:blur(130px);z-index:-2}.bottomBlur{position:fixed;height:50vw;min-width:350px;min-height:250px;top:246px;right:1vw;border-radius:764px;background:#9bb65741;filter:blur(130px);z-index:-2;color:#fff}.heroContainer{display:flex;flex-direction:row;width:100%;margin-top:3em}.heroRight{display:flex;flex-direction:column;justify-content:center}.heroRight h1{margin-top:1.4em}.heroLeft img{width:10rem;margin-right:3em;border-radius:300px;margin-top:3em;height:10rem;object-fit:cover}.heroRight{text-align:left;width:65%}.heroRight p{font-size:18.5px}.heroRight button{background-color:#9bb657;color:#202020;font-size:20px;width:10rem;border-style:none;padding-top:.5em;padding-bottom:.5em;font-weight:600;border-radius:20px;margin-top:1em}.heroRight a{color:#202020}.homeContainer{align-items:center}.heroDetails{font-size:10px}@media only screen and (max-width: 1300px){.heroContainer{flex-direction:column;margin:0;width:100%}.heroLeft img{width:150px;height:150px;margin:1.5em 0 0}.heroRight p{text-align:center;font-size:17px;margin-top:0}.heroRight h1{text-align:center;margin-top:.5em;font-size:28px}.heroRight{margin-right:0;width:100%;place-items:center}.heroRight button{width:90%}}.skillsContainer{font-size:25px;text-align:left;font-weight:700;margin-top:3em}.language img{width:1.2rem;margin-right:.4em}.language{display:flex;flex-direction:row;height:.8em;border-color:#fff;border-width:1px;border-style:solid;padding:.3em 1em .4em;border-radius:10px;margin-right:.3em}.language p{margin-top:-.1em;font-weight:500;font-size:18px;width:max-content}.languages{display:flex;flex-wrap:wrap;width:75vw;margin-top:-.5em;gap:10px}@media only screen and (max-width: 1300px){.languages{margin-top:-.5em;width:75vw;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.language{text-align:center}}@media only screen and (max-width: 565px){.languages{margin-top:-.5em;width:75vw;gap:5px}.language{text-align:center;margin-right:0}.language p{font-size:15px}}.experienceContainer p{text-align:left}.experienceHeading{font-size:25px;margin-top:3em;font-weight:700}.experienceLeft img{width:4.5em;height:4.5em;margin-right:1em}.experience{display:flex;flex-direction:row;justify-content:space-between;margin-top:1em}.experienceLeft{display:flex;flex-direction:row}.experienceDetails{display:flex;flex-direction:column}.experienceDetails p,.experienceRight p{font-weight:500;font-size:20px;margin:0}.experienceContainer{width:100%}.experienceSkills{display:flex;gap:10px;width:fit-content;flex-wrap:wrap;margin-bottom:2em}.experienceSkills p{font-size:15px;background-color:#9bb6572e;border-color:#9bb657c3;border-width:1px;border-style:solid;color:#d0ea8e;border-radius:10px;padding:.5em 1em;margin:0}@media only screen and (max-width: 1100px){.experienceDetails p{font-size:18px}.experienceRight{display:none}.experienceContainer{margin-top:-.3em}}.projectsHeading{font-size:25px;text-align:left;font-weight:700;margin-top:2em}.project{border-radius:20px;display:flex;flex-direction:row;background-color:#202020;border-color:#fff;border-style:solid;border-width:1px}.projects{display:flex;flex-direction:column;gap:20px;width:100%;height:110%}.project img{object-fit:cover;height:370px;border-top-left-radius:20px;border-bottom-left-radius:20px}.projectRight{margin-left:2em;display:flex;flex-direction:column;text-align:left;width:50%;height:100%}.projectLeft{margin-bottom:-7px}.description{font-size:18px;margin:0 0 1em}.projectSkills{display:flex;flex-wrap:wrap;gap:10px;width:fit-content;margin-bottom:2em}.projectSkills p{font-size:15px;background-color:#9bb6572e;border-color:#9bb657c3;border-width:1px;border-style:solid;color:#d0ea8e;border-radius:10px;padding:.5em 1em;margin:0}.demoBtn{background-color:#9bb657;color:#202020;font-size:17px;padding:.5em 1em;border-radius:20px;margin-right:.5em}.sourceBtn{border-color:#9bb657;border-width:1px;border-style:solid;color:#9bb657;font-size:17px;padding:.5em 1em;border-radius:20px}.demoBtn:hover{color:#202020}.sourceBtn:hover{color:#9bb657}.projectHeading{display:flex;flex-direction:row;justify-content:space-between}.demoBtns a{font-size:30px;margin-left:.5em;color:#fff;opacity:.6}.demoBtns{display:none;margin-top:1.2em}@media only screen and (max-width: 1300px){.project img{height:320px;width:100%;border-top-right-radius:20px;border-bottom-left-radius:0}.projectRight{width:75%}.projects{display:flex;flex-direction:column}.project{flex-direction:column;padding-bottom:2em}.sourceBtn{margin-top:.7em}}@media only screen and (min-width: 300px) and (max-width: 1300px){.projectButtons{display:none}.demoBtns{display:block}.project{padding:0}.projectButtons a{width:90%;font-size:17px;flex-wrap:wrap}.project p{font-size:17.5px}.projectRight{width:80%}.projectSkills p{font-size:13px}.project img{height:250px;width:100%;border-top-right-radius:20px;border-bottom-left-radius:0}}@media only screen and (min-width: 300px) and (max-width: 770px){.project p{font-size:15.5px}.projectSkills p{font-size:14px}}.left{font-size:23px;line-height:0}.navContainer{text-align:left;display:flex;flex-direction:row;justify-content:space-between;background-color:#202020;position:fixed;border-radius:30px;padding:.5em 2em;margin-top:-4.5em;width:66vw}.navContainer a{color:#fff;margin-right:20px;font-size:20px}.navContainer a:hover{cursor:pointer;color:#9bb657}.right{padding-top:7px;flex:row;display:flex}.socials{margin-top:5px;margin-left:20px}.socialIcon{font-size:25px;margin-right:0}.hamburger{display:none;font-size:30px}.hamburger:hover{cursor:pointer;color:#9bb657}.mobileNavContainer{position:fixed;background-color:#202020a4;padding-right:1em;display:flex;align-items:flex-end;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-right:4em;width:77vw;margin-top:-1.8em;padding-top:1em}.mobileNavItems{list-style-type:none;margin-left:-1em;text-align:right}.mobileNavItems a{color:#fff;font-size:18px}.mobileNavItems a:hover{color:#9bb657}@media only screen and (max-width: 1100px){.navItems{display:none;width:60vw}.socials,.hamburger{display:block}.navContainer{margin-top:-4.5em}}@media only screen and (max-width: 565px){.navContainer{margin-top:-5.5em;width:66vw}}.footerContainer{width:100%;place-items:center;padding-bottom:1em;margin-top:3em}.footerItems{display:flex;flex-direction:row;justify-content:center;padding-left:15vw;padding-right:15vw}.footerItems a{color:#fff}.footerItems a:hover{color:#9bb657}.footerItems p{font-size:20px;margin-top:1.2em}.footerSocialIcon{margin-left:.5em}.footerSocials{margin-top:1em;font-size:25px}.contactContainer h1{margin-bottom:-.5em}.contactContainer p{font-size:20px}.contactContainer{justify-content:center;display:flex;flex-direction:column}.contactContainer input{background-color:#fff;color:#000;font-size:18px;margin-top:10px;width:100%;border-radius:10px;padding-left:1em;padding-top:.5em;padding-bottom:.5em;border-style:none}.contactContainer form{display:flex;flex-direction:column;height:70%;justify-content:space-between;align-items:center}.contactContainer input,.contactContainer textarea{width:100%;box-sizing:border-box;background-color:#fff;color:#000;font-size:18px;border-radius:10px;padding:.5em 1em;border:none;margin-top:10px}.contactContainer textarea{padding-top:1em;padding-bottom:1.5em;margin-left:0}.message{width:max-content}.contactContainer button{width:50%;margin-left:1em;background-color:#9bb657;border-style:none;border-radius:20px;font-size:18px;margin-top:1em;font-size:20px;color:#202020;padding-top:.5em;padding-bottom:.5em}.contactContainer button:hover{cursor:pointer}.projectsComponent{padding-top:.1em}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#202020;height:100%;width:100%;background-image:linear-gradient(to right,#80808024 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);background-size:24px 24px;scroll-behavior:smooth}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;min-width:320px;min-height:100vh}