@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&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";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body.dark-theme{background-color:#242424;color:#f5f5f5}nav{display:flex;justify-content:space-between;align-items:center;box-shadow:1px 2px 25px #000;padding:1rem 2rem}body.dark-theme nav{box-shadow:1px 2px 25px #fff}.navbar-menu{display:flex;justify-content:space-between;align-items:center;list-style:none;gap:1rem}.theme-btn{font-size:2rem;background:none;outline:none;border:none;cursor:pointer}.herosection{display:flex;justify-content:center;align-items:center;height:calc(100vh - 2.8rem);gap:3rem}.herosection-leftsection{background-color:#ffff009e;border-radius:2rem;height:450px;width:700px;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;padding:1rem}.herosection-rightsection{background-color:#2e8b57;border-radius:2rem;height:450px}.herosection-rightsection img{height:100%;width:100%;object-fit:contain;border-radius:4rem;margin:0 auto}.user-name{font-size:3rem;color:#2e8b57}.position-name{background-color:#005300;border-radius:1rem;padding:.4rem}.position-name h1{font-size:2.5rem;color:#2e8b57}.intro-line{font-size:1.4rem}.icons{font-size:2.5rem}.icons:nth-child(1){color:#141414}.icons:nth-child(2){color:#5050fd}.icons:nth-child(3){color:green}.icon-container{display:flex;align-items:center;gap:2rem}.aboutme{display:flex;flex-direction:column;align-items:start;height:100vh;background-color:#2e8b57}.highlighter{background-color:#ffff009e;color:#2e8b57;font-weight:600;font-size:1.3rem}.aboutme-bottom{display:flex;justify-content:center;align-items:center;gap:2rem;margin:auto 0;flex-direction:row-reverse}.aboutme-bottom-canvas{background-color:#ffff61;border-radius:2rem;height:470px}.aboutme-bottom-canvas img{height:100%;width:100%;object-fit:cover}.aboutme-paragraph{width:50%;background-color:#f5f5f5;height:470px;padding:1rem;border-radius:2rem;font-size:1.4rem}.aboutme-paragraph p{font-size:1.4rem}.aboutme-heading{font-size:4rem;color:#ffff61;margin-left:2rem}.skillsection{height:100vh}.skillsection-heading{font-size:4rem;color:#2e8b57;margin-left:2rem}.cards{border-left:12px solid seagreen;background-color:#ffff61;padding:2rem;border-radius:.8rem;width:440px}.cards-top{display:flex;justify-content:start;align-items:center;gap:2rem}.cards-top h1{font-size:2.5rem}.cards-description{background-color:#2e8b5642;padding:1rem;border-radius:.4rem}.cards-container{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;padding:3rem;justify-content:start}.projects{height:100%;background-color:#ffff61}.project-heading{font-size:4rem;color:#2e8b57;margin-left:2rem}.projectCard p{font-size:1.3rem}.projectCard{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:.8rem;border:2px solid seagreen;width:450px;height:570px;background-color:#2e8b57;border-radius:1rem;padding:1rem}.projectCard-image-container{height:200px;width:100%;border-radius:.4rem;background-color:#f5f5f5}.card-image{height:100%;width:100%;object-fit:contain}.projectCard h1{color:#f5f5f5;font-size:2.2rem}.projectCard-skills li{color:#000;font-weight:600;border-radius:.2rem;list-style:none;padding:.2rem;margin-top:.4rem;background-color:#ffff61}.projectCard-skills{display:flex;flex-wrap:wrap;gap:.4rem}.projectCard-link{cursor:pointer;width:100%}.projectCard-link button{cursor:pointer;background-color:#ffff61;outline:none;border:none;padding:.4rem;font-size:1.2rem;border-radius:2rem;font-weight:400;width:100%}.projectCard-link button:hover{background-color:#fcfc05}.contact{height:100vh;display:flex;flex-direction:column;align-items:start}.contact-heading{font-size:4rem;color:#ffff61;margin-left:2rem}form{display:flex;flex-direction:column;background-color:#2e8b57;width:70%;margin:auto;padding:2rem;gap:2rem}.name-field,.text-field{display:flex;flex-direction:column;width:100%;gap:.7rem}.top-fields{display:flex;width:100%;gap:2rem}input,textarea{padding:.4rem;font-size:1.2rem;width:100%;background-color:#f5f5f5;outline:none;border:none;border-radius:.4rem;border:2px solid black}label{background-color:#ffff61;width:15%;font-size:1.4rem;padding:.2rem;border-radius:.1rem}.text-field label{width:30%;padding:.2rem;border-radius:.1rem}form button{font-size:1.2rem;width:60%;margin:0 auto;padding:.7rem;outline:none;border:none;border-radius:.4rem}form button:hover{background-color:#ffff61;cursor:pointer}