:root{--btn-bg-primary:#565bc3;--btn-bg-secondary:#fafafd;--hero-bg:#f1effe;--app-bg:#f6f5fc;--rem-1:1rem;--rem-half:.5rem;--rem-2:2rem;--rem-3:3rem;--radius:5px;--primary-color:#565bc3;--secondary-color:#fafafd}*{box-sizing:border-box;margin:0;padding:0}.dark{--app-bg:black}.highlight-text{color:var(--primary-color);font-weight:600}.heading{font-weight:700;font-size:var(--rem-2)}html{scroll-behavior:smooth}.main-container{background-color:var(--app-bg);padding:var(--rem-1) var(--rem-1) 2rem;gap:var(--rem-1);flex-direction:column;display:flex}.btn{gap:var(--rem-1);border-radius:var(--radius);padding:var(--rem-half) var(--rem-1);cursor:pointer;font-size:var(--rem-1);border:none;outline:none;align-items:center;display:flex}.btn-Primary{background-color:var(--btn-bg-primary);color:#fff}.btn-Secondary{background-color:var(--btn-bg-secondary);color:#000;border:1px solid var(--primary-color)}.about{padding:var(--rem-1);display:flex}.about__left{gap:var(--rem-2);padding:var(--rem-2);flex-direction:column;flex:1;display:flex}.about__right{flex:1;justify-content:center;align-items:center;display:flex}.about__right-info{background-color:var(--secondary-color);border-radius:var(--radius);padding:var(--rem-1)}.about__right-card-container{gap:var(--rem-half);flex-direction:column;display:flex}.about__right-card{gap:var(--rem-2);padding:var(--rem-1);cursor:pointer;align-items:center;min-width:20rem;font-size:1.3rem;display:flex}.about__right-card__icon{padding:var(--rem-half);border-radius:var(--radius)}.about__right-card__content{gap:var(--rem-half);flex-direction:column;display:flex}.contact-container{padding:var(--rem-1);display:flex}.conatct__left{gap:var(--rem-1);padding:var(--rem-2);flex-direction:column;flex:1;display:flex}.conatct__left-content,.conatct__left-info{gap:var(--rem-1);flex-direction:column;display:flex}.contact-info-card-container{align-items:center;gap:var(--rem-1);display:flex}.contact-info-card__logo{border-radius:var(--radius);background-color:#eaeaf7;padding:.1rem}.contact-info-card__content{gap:var(--rem-half);flex-direction:column;display:flex}.contact__right{padding:var(--rem-2);background-color:var(--secondary-color);border-radius:var(--radius);flex:1}.contact__right-form{gap:var(--rem-1);flex-direction:column;justify-content:space-between;height:100%;display:flex}.contact__right-form-input{gap:var(--rem-1);border-radius:var(--radius);flex-direction:column;display:flex}.contact__right-form-btn{align-items:flex-end}.input{padding:var(--rem-half);border-radius:var(--radius);font-size:var(--rem-1);border:1px solid gray}.input:focus{outline:1px solid var(--primary-color)}.navlink{padding:var(--rem-half);color:#333;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.navlink:after{content:"";transform-origin:100%;background-color:var(--btn-bg-primary);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navlink:hover:after{transform-origin:0;transform:scaleX(1)}.header{padding:var(--rem-1) var(--rem-3);justify-content:space-between;align-items:center;display:flex}.header__logo-image{aspect-ratio:1;height:2rem}.header__links{gap:var(--rem-1);display:flex}.hero{background:linear-gradient(to bottom, var(--hero-bg), #f6f5fc);display:flex}.hero__right{padding:var(--rem-3);gap:var(--rem-1);flex-direction:column;flex:1;justify-content:center;display:flex}.hero__heading{gap:var(--rem-1);font-size:5rem;display:flex}.hero__heading>P:last-child{color:var(--primary-color)}.hero__actions{gap:var(--rem-1);display:flex}.hero__left{object-fit:contain;padding:var(--rem-1) var(--rem-1) 0;background-image:url(/assets/my-bg-T3x2Bjat.png);background-position:50%;background-repeat:no-repeat;background-size:800px 800px;flex:1}.project-card-container{border-radius:var(--radius);background-color:var(--secondary-color);flex-direction:column;height:max-content;min-height:100%;display:flex}.project-card-top{height:50%}.project-card-top-image{object-fit:cover;border-radius:var(--radius);width:100%;height:100%}.project-card-bottom{gap:var(--rem-1);height:50%;padding:var(--rem-1);flex-direction:column;flex:1;justify-content:center;display:flex}.project-card-bottom>a{align-items:center;gap:var(--rem-half);display:flex}.project-card-bottom-desc{flex:1}.project-container{gap:var(--rem-1);padding:var(--rem-3);flex-direction:column;display:flex}.project-grid-container{gap:var(--rem-3);grid-template-columns:repeat(4,1fr);display:grid}.skill-container{padding:var(--rem-3);align-items:center;gap:var(--rem-2);flex-direction:column;display:flex}.skill-header{gap:var(--rem-1);flex-direction:column;align-items:center;display:flex}.skill-technology-list{gap:var(--rem-1);display:flex}.skill-technology-card{gap:var(--rem-1);background-color:var(--secondary-color);border-radius:var(--radius);padding:var(--rem-1);cursor:pointer;align-items:center;display:flex}.skill-technology-card>img{aspect-ratio:1;height:50px}