*{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{background-color:#282c33;font-family:Poppins,sans-serif}ul{list-style-type:none}a{font-family:inherit;font-size:1.6rem;font-weight:400;color:#abb2bf;text-decoration:none;transition:color .3s ease}a:hover{color:#c778dd}button{background:#282c33;border:1px solid #c778dd;font-family:inherit;font-size:1.6rem;font-weight:500;color:#fff;padding:.8rem 1.6rem;cursor:pointer;transition:all .3s ease}button:hover{background:#c778dd}img{width:100%}input,textarea{flex:1;padding:1rem 2rem;background:#282c33;border:1px solid #abb2bf;font-family:inherit;font-size:2.4rem;font-weight:400;color:#fff}input::placeholder,textarea::placeholder{font-family:inherit;font-weight:300;font-size:1.6rem;color:#abb2bf}.section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4rem;flex-wrap:wrap;width:120rem;height:auto;margin:16rem auto 0}.section .section-heading-container{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:no-wrap;align-self:stretch}.section .section-heading-container .section-heading{font-family:Poppins,sans-serif;font-size:3.2rem;line-height:1.5;font-weight:medium;color:#fff;transition:all .3s ease;flex:0 1 auto}.section .section-heading-container .section-heading:before{content:"#";margin-right:1px;font-family:Poppins,sans-serif;font-size:3.2rem;line-height:1.5;font-weight:medium;color:#fff}.section .section-heading-container .section-heading:hover{background-color:#c778dd;flex:1 1 auto}.section .section-heading-container .horizontal-line{width:50rem;height:1px;background-color:#c778dd}.logo-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:no-wrap;flex:0 1 auto;transition:all .3s ease}.logo-wrapper .logo{width:2rem;height:2rem}.logo-wrapper .name{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:700;color:#fff;transition:all .3s ease;flex:0}.logo-wrapper .name:hover{background-color:#c778dd;flex:1}.logo-wrapper:hover{background-color:#c778dd;flex:1 1 auto}:export{background:#282c33;primary:#c778dd;gray:#abb2bf;white:#ffffff;desktop-width:120rem;small:1rem;paragraph:1.6rem;label:2.4rem;display:3.2rem;normal:400;medium:500;bold:700;semi-bold:600;spacing-xl:16rem;spacing-l:4rem;spacing-m:2rem;spacing-s:1rem;spacing-xs:.5rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:no-wrap;width:120rem;height:auto;margin:0 auto}.nav .nav-list{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:no-wrap}.nav .nav-list .nav-link:before{content:"#";font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#c778dd;margin-right:1px}.social-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap;width:3.2rem;height:auto;position:absolute;top:0;left:0}.social-links .vertical-line{width:1px;height:19.2rem;background-color:#abb2bf;margin:0 auto}.social-links .social-links-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.social-links .social-links-icon{width:3.2rem;height:3.2rem;transition:filter .3s ease}.social-links .social-links-icon:hover{stroke:#c778dd;filter:brightness(10)}.hero{width:120rem;height:auto;margin:16rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:no-wrap}.hero .hero-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap;flex:1}.hero .hero-summary .hero-summary-text-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;flex-wrap:wrap}.hero .hero-summary .hero-summary-text-details .hero-summary-headline{font-family:Poppins,sans-serif;font-size:3.2rem;line-height:1.5;font-weight:600;color:#fff}.hero .hero-summary .hero-summary-text-details .hero-summary-headline span{color:#c778dd}.hero .hero-summary .hero-summary-text-details .hero-summary-byline{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.hero .hero-img-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.hero .hero-img-box .hero-img{align-self:stretch}.hero .hero-img-box .hero-text-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:no-wrap;align-self:stretch}.hero .hero-img-box .hero-text-container .square{width:1.6rem;height:1.6rem;background-color:#fff}.hero .hero-img-box .hero-text-container .hero-text{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:500;color:#fff}.projects .project-cards{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:no-wrap}.projects .project-cards .project-card{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap;border:1px solid gray}.projects .project-cards .project-card .project-img-box{align-self:stretch}.projects .project-cards .project-card .tech-stack{border-top:1px solid gray;border-bottom:1px solid gray;align-self:stretch;padding:.8rem}.projects .project-cards .project-card .tech-stack .tech-stack-list{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.projects .project-cards .project-card .tech-stack .tech-stack-list .tech-stack-item{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.projects .project-cards .project-card .details{align-self:stretch;padding:1.6rem;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap}.projects .project-cards .project-card .details .project-name{font-family:Poppins,sans-serif;font-size:2.4rem;line-height:1.5;font-weight:500;color:#fff}.projects .project-cards .project-card .details .project-description{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf;flex:1;margin-bottom:1rem}.skills .skills-content{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;flex-wrap:no-wrap;align-self:stretch}.skills .skills-content .skills-img-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex-wrap:wrap;flex:0 1 34%}.skills .skills-content .skills-img-container .skills-img{align-self:stretch}.skills .skills-content .skill-cards{display:flex;align-items:flex-start;justify-content:flex-end;gap:2rem;flex-wrap:wrap;flex:1;align-content:flex-start}.skills .skills-content .skill-cards .skill-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;flex-wrap:wrap;flex:0 1 30%;border:1px solid #abb2bf}.skills .skills-content .skill-cards .skill-card .skill-card-heading-container{padding:.8rem;border-bottom:1px solid #abb2bf;align-self:stretch}.skills .skills-content .skill-cards .skill-card .skill-card-heading-container .skill-card-heading{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:600;color:#fff}.skills .skills-content .skill-cards .skill-card .skill-card-details{padding:.8rem}.skills .skills-content .skill-cards .skill-card .skill-card-details .skill-card-list{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.skills .skills-content .skill-cards .skill-card .skill-card-details .skill-card-list .skill-card-item{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.about-me .about-me-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:no-wrap;align-self:stretch}.about-me .about-me-content .about-me-text-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap;flex:1}.about-me .about-me-content .about-me-text-details .about-me-description{align-self:stretch;font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.about-me .about-me-content .about-me-img-box .about-me-img{align-self:stretch;animation-name:animate;animation-timing-function:ease;animation-duration:.9s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes animate{0%{transform:translateY(-2rem)}to{transform:translateY(2rem)}}.contacts .contact-details{display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:no-wrap}.contacts .contact-details .contact-details-text-container{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap}.contacts .contact-details .contact-details-text-container .contact-details-description{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:500;color:#abb2bf}.contacts .contact-details .contact-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;border:1px solid white;padding:2rem}.contacts .contact-details .contact-text{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:600;color:#fff}.contacts .contact-details .contact-list{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2rem;flex-wrap:wrap}.contacts .contact-details .contact-list .contact-item{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:no-wrap}.contacts .contact-details .contact-list .contact-item .contact-icon{width:3.2rem;height:3.2rem}.horizontal-rule{width:"100%";height:"4px";background-color:#fff;margin-top:16rem}.footer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4rem;flex-wrap:wrap;width:120rem;height:auto;margin:4rem auto}.footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:no-wrap}.footer .footer-top .sign-off{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;flex-wrap:wrap;flex:1}.footer .footer-top .sign-off .sign-off-name{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:no-wrap}.footer .footer-top .sign-off .sign-off-name .sign-off-name-profile{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.footer .footer-top .sign-off .sign-off-designation{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#fff}.footer .footer-top .media{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;flex-wrap:wrap}.footer .footer-top .media .media-heading{font-family:Poppins,sans-serif;font-size:2.4rem;line-height:1.5;font-weight:500;color:#fff}.footer .footer-top .media .media-icons-container{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:no-wrap}.footer .footer-top .media .media-icons-container .media-icon{width:3.2rem;height:3.2rem}.footer .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.footer .footer-bottom .copyright{font-family:Poppins,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:400;color:#abb2bf}.contact-form{width:120rem;height:auto;margin:16rem auto 0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-form .contact-field-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:no-wrap}