@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";.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:24px;transition:all ease .5s;color:#000}.poppins-regular-noncard{font-family:Poppins,sans-serif;font-weight:600;font-style:normal;font-size:1.3rem;transition:all ease .5s;color:#000}.poppins-regular:hover{color:#a3a3a3;text-underline-offset:1rem;text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal;color:#555}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;font-size:36px;text-align:center}.poppins-hehe{font-family:Poppins,sans-serif;font-weight:600;font-style:normal;color:#555;font-size:24px}body{background-color:#fff}:root{--img-holder-size: 370px}nav{display:flex;justify-content:space-around}.nav-ul{list-style:none;display:flex;gap:2rem}.nav-ul>li>a{color:#000;text-decoration:none;transition:all ease .5s}.nav-ul>li>a:hover{color:#a3a3a3;text-decoration:underline;text-underline-offset:1rem}.nav-title{font-size:1.8rem;cursor:pointer}.section{height:100vh;padding:3rem 5rem;display:flex;flex-direction:column}.centreSection{display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-div-holder{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row;height:max-content}.hero-img-holder{display:flex;justify-content:flex-end}.my-img{height:var(--img-holder-size);width:var(--img-holder-size);background:#edeef2;background:radial-gradient(circle,#edeef2 71%,#000);border-radius:50%}.hero-text{padding:5rem;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.btn-holder{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.7rem;margin-top:1rem}.btn-active,.btn{padding:16px;border-radius:32px;transition:all ease .5s;cursor:pointer;border:none}.btn{background-color:#fff;color:#000;border:1px solid black}.btn:hover{background-color:#353535;color:#fff}.btn-active{background-color:#353535;color:#fff;border:1px solid black}.btn-active:hover{background-color:#000}.icon-holder{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.icon{height:30px;width:auto;cursor:pointer}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media screen and (max-width: 600px){.section{padding:10px;height:fit-content;min-height:100vh;margin-bottom:3rem}nav{flex-direction:row;justify-content:space-around;align-items:center}.nav-ul{margin-top:10px;gap:1rem}.hero-div-holder{margin-top:3rem;flex-direction:column}.hero-text{margin-top:3rem;padding:1rem}:root{--img-holder-size: 300px}.menu-icon{border-radius:50%;padding:1px}.mobile-nav-ul{position:absolute;z-index:1;background-color:#fff;width:90vw;padding:2rem;list-style-type:none;display:flex;flex-direction:column;gap:1rem}header{margin-top:.5rem}}@media (min-width: 600px) and (max-width: 1024px){nav{flex-direction:column;align-items:center;justify-content:center;gap:1rem}.my-img{margin-top:5rem}.hero-div-holder{flex-direction:column}}.skills-holder-holder{margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-direction:row}.skills-holder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 4rem;border-radius:16px;border:1px solid #A3A3A3}.skill-grid{grid-template-columns:repeat(2,1fr);padding:1rem;display:grid;row-gap:2rem;column-gap:4rem}.skill{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem}@media screen and (max-width: 600px){.skills-holder-holder{flex-direction:column;justify-content:center;align-items:center}.skills-holder{padding:1rem;width:90vw}.poppins-regular{font-size:1.3rem}.skill-grid{column-gap:3rem}.skill{flex-direction:column;justify-content:flex-start;align-items:flex-start}}@media (min-width: 600px) and (max-width: 1024px){.skills-holder-holder{flex-direction:column}}.contact-holder-holder{margin:5rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-holder{display:flex;flex-direction:row;gap:2rem;border:1px solid black;padding:1.5rem;border-radius:32px}.contact-card{display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-footer{margin-top:30vh}@media screen and (max-width: 600px){.contact-holder{border-radius:16px;width:90vw;flex-direction:column;margin:2rem 0rem}.mobile-anchor{width:50vw}.contact-holder-holder{margin:20px}.contact-footer{margin-top:10vh}.centreSection{margin-top:2rem}}.project-holder-holder{display:flex;flex-direction:row;gap:2rem;padding:4rem;justify-content:center;align-items:center}.project-holder{display:flex;align-items:center;flex-direction:column;padding:2rem;gap:1rem;border:1px solid #A3A3A3;border-radius:16px;width:25vw}.project-btn-holder{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.project-img{height:200px;width:auto}@media screen and (max-width: 600px){.project-holder-holder{padding:2rem;flex-direction:column}.project-holder{width:90vw}}@media (min-width: 600px) and (max-width: 1024px){.project-holder-holder{display:grid;padding:2rem;grid-template-columns:repeat(2,1fr)}.project-holder{width:40vw}.section{height:fit-content}}.about-holder-holder{display:flex;align-items:center;justify-content:center;max-height:60vh}.about-holder{display:flex;align-items:stretch;justify-content:center;padding:3rem;gap:3rem;max-width:50vw}.about-card{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem 2rem;border:1px solid #a3a3a3;box-shadow:0 0 2px #a3a3a3;border-radius:16px}.about-img{height:90%;width:auto;border-radius:1rem}.about-card-holder{display:flex;flex-direction:row;gap:2rem}@media screen and (max-width: 600px){.about-holder-holder{flex-direction:column;height:fit-content;max-height:max-content;padding:0;width:fit-content}.about-holder{padding:0;flex-direction:column;max-width:100vw}.about-card-holder{flex-direction:column}.about-card{width:auto;margin:1rem}.about-img{width:90vw;height:auto;margin:3rem 0rem}.about-desc{padding:1rem}}@media (min-width: 600px) and (max-width: 1024px){.about-holder-holder{flex-direction:column;max-height:fit-content}.about-holder{max-width:fit-content}.about-img{width:70vw;height:auto}.section{height:fit-content}}