*{margin:0;padding:0}body{height:100hv;background:#fff;color:#000;font-family:Sora,sans-serif}.logo{display:flex;align-items:center}.logo h5{align-items:center;font-size:20px}.navbar{padding:24px 80px}.nav-container{display:flex;width:100%;justify-content:space-between;padding:0 32px}.nav-container img{height:50px}.nav-menu{display:flex;align-items:center;gap:3rem;list-style:none;justify-content:center;font-size:15px;line-height:24px;font-weight:500}.nav-resume{display:flex;border-radius:3px;padding:20px 16px;font-size:20px;line-height:24px;background-color:#000;color:#fff;gap:15px}.nav-resume img{height:20px}.anchor-link{text-decoration:none;color:#000}.nav-mob-close,.nav-mob-open{display:none;cursor:pointer}.anchor-link svg{display:none}@media (max-width:700px){.navbar{padding:16px}.nav-container{display:flex;justify-content:space-between;flex-direction:column;padding:0}.nav-resume{display:none}.nav-mob-open{display:block;position:fixed;right:30px}.nav-mob-close{display:block;position:relative;top:30px;left:290px;max-width:100%}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background:#fff;color:#000;width:350px;height:70%;z-index:2;transition:right .5s;right:-350px;border:1px solid black;border-radius:10px;box-shadow:0 5px 5px #0003}.nav-menu li{font-size:30px;padding-left:50px;flex-direction:row;gap:20px}.anchor-link{display:flex;align-items:center;gap:10px}.anchor-link svg{display:flex}}.hero{padding:60px 80px}.hero-top{display:flex;padding:0 32px}.hero-title{padding:0 20px}.hero-top-intro{display:flex;align-items:center;gap:48px;padding:20px 0}.hero-top img{width:50%}.hero-top-intro-cont{display:flex;flex-direction:column;gap:32px}.hero-top-intro-title{font-size:48px;letter-spacing:-2%;font-style:normal;display:flex;flex-direction:column;gap:20px}.hero-top-intro-title span{display:flex;gap:16px}.lineoneleft{display:flex;gap:16px;font-style:normal;font-weight:400}.linetworight{font-weight:700;font-style:normal;color:#fff;-webkit-text-stroke:2px rgb(0,0,0)}.hero-top-intro-cont p{font-size:16px;line-height:24px;letter-spacing:2%;color:#71717a}.hero-bottom{position:relative;bottom:0;left:30px;display:flex;padding:4px 0;gap:32px}.hero-bottom a:hover{padding:10px;transform:scale(1.18)}.hero-bottom a{align-self:center;border-radius:4px;border:1px solid black;transition:.4s;padding:10px;color:inherit}@keyframes slidein{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.bannerimg{animation-duration:2s;animation-name:slidein}@media (max-width:700px){.hero{padding:40px 16px;display:flex;flex-direction:column}.hero-top{display:flex;flex-direction:column-reverse;gap:48px;padding:0}.hero-top img{min-width:100%}.bannerimg{position:relative}.hero-top-intro-cont{display:flex;flex-direction:column;gap:32px}.hero-top-intro-title{display:flex;flex-direction:column;gap:12px;font-size:28px}.full{display:flex;flex-direction:row}.hero-bottom{display:flex;padding:4px 0;gap:24px;position:relative;top:0;left:0}.hero-bottom a{padding:12px;display:flex;gap:8px}.hero-bottom a img{padding:5px}}.skills{padding:60px 80px}.skills-section{padding:0 32px;display:flex;flex-direction:column;gap:20px}.skills-heading h1{display:flex;justify-content:center;padding:20px 0;gap:16px}.skills-heading h1 span:nth-of-type(1){font-weight:200;line-height:56px;letter-spacing:-2%}.skills-heading h1 span:nth-of-type(2){line-height:56px;letter-spacing:-2%}.skills-container{padding:20px 0}.skill-row-one{display:grid;grid-template-columns:repeat(6,1fr);place-items:center;align-items:center;gap:30px}.skill{border:1px solid black;border-radius:4px;padding:20px;width:100px;transition:.4s;box-shadow:10px 10px 10px #c865614d}.skill-content{display:flex;flex-direction:column;gap:20px;align-items:center}.skill-content img{display:flex;justify-content:center;align-items:center;width:56px;height:56px}.skill-content p{display:flex;justify-content:center;align-items:center}.skill:hover{background-color:#000;color:#fff;transform:scale(1.09)}.skill:hover .skill-content img{background-color:#fff;padding:10px}@media (max-width:900px){.skill-row-one{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.skills{padding:40px 16px}.skills-section{gap:20px;padding:0}.skills-heading{gap:16px;padding:20px 0}.skills-heading h1{font-size:28px}.skills-container{gap:20px;padding:0}.skill-row-one{padding:0;gap:20px;grid-template-columns:repeat(2,1fr)}.skill{padding:10px;gap:30px}.skill-content p{font-size:20px}}.experiences{padding:60px 80px;background-color:#000;color:#fff}.experiences-container{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:0 32px}.experiences-heading{display:flex;align-self:center;gap:16px;padding:0 20px;font-size:48px}.experiences-heading p{font-weight:700}.experiences-heading p span{font-weight:200}.experiences-list{display:flex;flex-direction:column;padding:40px 24px;gap:32px}.experience{display:flex;flex-direction:column;border:1px solid #71717A;border-radius:10px;padding:30px 24px;gap:28px}.experience:hover{background-color:#27272a;border:none;transform:translate(30px);transition:.5s}.exp-title{display:flex;justify-content:space-between}.title-right{display:flex;flex-direction:row;gap:10px}.exp-title h5{font-size:24px;font-weight:400;line-height:28px;letter-spacing:-2%}.exp-title h5 img{margin-right:30px}.exp-date{display:flex;align-self:flex-end}.desc{line-height:24px;font-size:16px;letter-spacing:2%;font-weight:100}@media (max-width: 500px){.experiences{padding:40px 16px}.experiences-container{padding:0;gap:20px}.experiences-heading{padding:20px 0;gap:16px}.experiences-heading p{font-size:28px}.experiences-list{gap:20px;padding:0}.experience{padding:30px 24px;gap:24px}.exp-title{padding:0;gap:30px;flex-direction:column}.exp-title h5{flex-direction:row;font-size:20px;font-weight:500}.exp-date{align-self:flex-start;font-size:16px;color:#d4d4d8}}.aboutme{padding:60px 80px}.aboutme-container{padding:0 32px;display:flex;justify-content:space-between;gap:100px}.aboutme-sec{display:flex;flex-direction:column;gap:20px}.aboutme-heading{display:flex;gap:16px;padding:16px 0}.about{font-size:48px;line-height:56px;letter-spacing:-2%;font-weight:300}.me{font-size:48px;line-height:56px;letter-spacing:-2%;font-weight:bolder}.aboutme-body{display:flex;flex-direction:column;gap:20px}.aboutme-body p{font-size:16px;line-height:24px;letter-spacing:2%;color:#71717a}@media (max-width:900px){.aboutme-container{display:flex;flex-direction:column}}@media (max-width: 500px){.aboutme{padding:40px 16px}.aboutme-container{padding:0;gap:20px;flex-direction:column}.aboutme-img img{padding:4px 0;max-width:100%}.aboutme-heading{padding:20px 0}.about,.me{font-size:28px}}.projects{background-color:#000;padding:60px 80px;color:#fff}.projects-container{padding:0 32px;display:flex;justify-content:center;flex-direction:column;gap:20px}.project-header{display:flex;justify-content:center}.project-header h1{font-size:48px;line-height:28px;letter-spacing:2%;font-weight:bolder}.project-header h1 span{font-weight:200;line-height:56px;letter-spacing:-2%}.project{padding:20px 0;display:flex;gap:40px}.reverse{display:flex;padding:20px 0;gap:40px;flex-direction:row-reverse}.project-img img{width:100%;height:auto;border-radius:18.76px}.project-img :hover{transform:scale(1.1);transition:transform .5s ease}.project-details{display:flex;flex-direction:column;align-self:center;gap:24px}.project-details h2{font-size:48px;line-height:56px;letter-spacing:-2%;font-weight:bolder}.project-details h3{font-size:32px;line-height:40px;letter-spacing:-2%;font-weight:700}.project-details p{font-size:16px;line-height:24px;letter-spacing:2%;font-weight:200px;color:#71717a}.project-details img{height:20px;width:20px}@media (max-width: 500px){.projects{padding:40px 16px}.projects-container{padding:0}.project-header{padding:20px;gap:16px}.project-header h1{font-size:28px;line-height:32px}.projects-sec{display:flex;gap:28px;flex-direction:column}.project,.reverse{padding:0;gap:28px;flex-direction:column}.project-img img{max-width:100%;height:100%}.project-details{gap:28px}.project-details h2{font-size:24px}.project-details h3{font-size:20px}.project-details p{font-size:16px}}.testimonials{padding:60px 80px}.testimonials-container{padding:0 32px;gap:20px;display:flex;flex-direction:column;justify-content:center}.testimonials-title{padding:0 20px;display:flex;gap:16px;justify-content:center;align-items:center;text-align:center}.testimonials-title h2{font-size:48px;line-height:56px;letter-spacing:-2%;font-weight:400}.testimonials-title h2:nth-of-type(2){font-weight:700;line-height:56px}.testimonials-body{padding:40px 24px;display:flex;flex-direction:row;gap:16px}.testimonial img{width:100%;height:auto;object-fit:cover;max-width:150px}.testimonial{padding:40px;display:flex;flex-direction:column;text-align:center;align-items:center;gap:24px;border-radius:20px;box-shadow:0 5px 5px #0003;transition:.5s}.comm{font-size:16px;line-height:20px;letter-spacing:2%}hr{border:0;height:2px;background-color:#000;width:120px}.author-name{font-size:20px;font-weight:600;color:#d17c21}.author-title{color:#707070;font-weight:600}.testimonial:hover{background-color:#000;color:#fff;transform:scale(1.1)}@media (max-width:500px){.testimonials{padding:40px 16px}.testimonials-container{padding:0;gap:0px}.testimonials-title{padding:20px 0;gap:16px}.testimonials-title h2{font-size:28px;line-height:32px}.testimonials-body{padding:20px;flex-direction:column}.testimonial{padding:24px;gap:24px}}.contactme{padding:60px 80px}.contactme-container{padding:0 32px;display:flex;gap:50px}.contact-form{padding:20px 0}.input-area{display:flex;flex-direction:column;gap:20px}.input-area input{padding:16px 24px;border:1px solid black;border-radius:4px;color:#71717a}.input-area textarea{padding:16px 24px;height:100px;border-radius:4px;color:#71717a}.getintouch{width:173px;height:56px;padding:16px 20px;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:20px}.socials{position:relative;left:200px;bottom:55px;display:flex;gap:20px}.socials a{padding:8px;border:1px solid black;border-radius:6px;color:inherit;transition:.3s}.socials a:hover{background-color:#000;color:#fff}.contact-details{display:flex;flex-direction:column;gap:24px;padding:20px 0}.contact-details-container{display:flex;flex-direction:column;gap:40px}.writeupone,.writeuponehead{display:flex;flex-direction:column;gap:30px}.writeuponehead h1{font-size:48px;line-height:28px;letter-spacing:2%;font-weight:800}.writeuponehead h1 span{color:#fff;-webkit-text-stroke:2px rgb(0,0,0)}.writeupone p{color:#71717a;line-height:24px;letter-spacing:2%}.writeuptwo{display:flex;flex-direction:column;gap:16px}@media (max-width:500px){.contactme{padding:40px 16px}.contactme-container{padding:0;gap:0px;flex-direction:column}.contact-form{padding:20px 0;gap:20px}.input-area input{gap:12px}.getintouch{padding:12px 16px;gap:8px}.contact-form{display:flex;flex-direction:column}.socials{left:0;bottom:0}}.footer{background-color:#000;color:#fff;padding:24px 80px}.footer-container{padding:0 32px;display:flex;justify-content:space-between}.footer-left{display:flex;justify-content:center;align-items:center;gap:20px}.footer-left h5{font-size:20px;font-weight:600;line-height:24px;letter-spacing:-2%}.footer-left img{width:38px;height:38px}.footer-right{display:flex;flex-direction:column;gap:12px}.footer-right h6{font-size:16px;font-weight:500;text-align:right;line-height:24px;letter-spacing:-2%}@media (max-width:500px){.footer{padding:20px 16px}.footer-container{padding:0}.footer-left{display:flex;justify-content:center;align-items:center}.footer-left img{height:28px;width:28px}}