@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&display=swap";@import"https://fonts.googleapis.com/css2?family=Passion+One&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{margin:0;padding:0;overflow-x:hidden}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{top:0;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;position:fixed;height:auto;font-weight:600;padding:25px 50px;z-index:10;box-shadow:0 0 10px #00000017}.head-name{font-family:Passion One,sans-serif;font-size:2rem;font-weight:100}.nav-list{list-style:none;display:flex;align-items:center;gap:3rem}.nav-list li a:hover{color:#ff4500b3}.menu-button,.res-nav-list{display:none}ul a{text-decoration:none;color:#000}@media only screen and (max-width: 950px){.header{padding:25px}.nav-list{display:none}.res-nav-list{display:inline-block;position:fixed;top:5.8rem;right:2rem;border-radius:1px;text-align:center;z-index:10}.res-nav-list ul{display:flex;flex-direction:column;text-decoration:none;list-style:none}.res-nav-list ul li{background-color:#fff;margin-bottom:1rem;padding:1rem;border:.5px solid black;border-radius:30px;font-weight:600;box-shadow:#ff450066 5px 5px,#ff45004d 10px 10px,#ff450033 15px 15px,#ff45001a 20px 20px,#ff45000d 25px 25px}.res-nav-list li a:hover{color:#ff4500b3}.menu-button{display:contents;background:none;border:1px;width:30px;height:30px;cursor:pointer}}footer{background-color:#2d2e32;padding:5rem 0;width:100%}.footer-container{margin:0 auto;max-width:107rem;padding:0 4rem}.footerc{align-items:center;display:flex;justify-content:space-between}footer h3{color:#fff;font-size:1.7rem}.footerc__socials{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:1rem}.footerc__socials a{color:#fff;font-size:2.3rem}@media only screen and (max-width: 950px){.footerc{flex-wrap:wrap;justify-content:center;text-align:center}footer h3{font-size:1rem}footer{padding:2rem 0}}.hero{background-color:#f9f9f9;display:flex;justify-content:center;padding:7rem 15rem;margin:0 auto}.hero-text{display:flex;flex-direction:column;gap:.75rem}.hero-text h1{font-size:3.25rem;font-weight:700}.hero-text p{font-size:1.35rem;color:#555}.container{display:flex;justify-content:center;align-items:center}.content{display:flex;align-items:center;flex-direction:column;position:relative;justify-content:left;gap:3rem}.profile-img{border:2px solid black;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:380px;transition:all 1s ease-in-out;width:400px;z-index:1}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.hero-main{display:flex;justify-content:center;align-items:center}.skills{display:flex;align-items:center;justify-content:left;gap:2rem}.skills p{font-weight:400;border-right:2px solid rgba(45,46,50,.5);padding:20px 20px 20px 0;font-weight:600}.logos{display:flex;justify-content:space-between;list-style:none;gap:1.2rem}.logos li{padding:5px}.logos li img{transition:transform .3s ease;cursor:pointer}.logos li:hover img{transform:translateY(-10px)}.links a img{height:36px;width:auto}.links{display:flex;gap:16px;margin-top:.6rem}@media only screen and (max-width: 950px){.hero{padding:0;padding-top:10rem}.hero-main{flex-direction:column-reverse;text-align:center;height:auto;text-wrap:wrap;margin-top:-40px}.hero-text p{text-wrap:balance;font-size:1.25rem}.hero-text{gap:.3rem}.hero-text h1{margin-top:1rem;font-size:28px}.skills{flex-direction:column}.skills p{border-right:none;border-bottom:2px solid rgba(45,46,50,.5);padding:20px}.skills ul{display:grid;grid-template-columns:auto auto auto auto}.content{gap:2rem}.profile-img{width:300px;height:300px}.links{justify-content:center;margin-top:1rem}}.download-btn{position:relative;background:#000;color:#fff;padding:3.5px 9px;font-size:17px;border:none;border-radius:5px;cursor:pointer;overflow:hidden;transition:background .3s ease;-webkit-tap-highlight-color:transparent}.download-btn:hover{background-color:#222;background-color:#ff4500}.download-btn:focus{outline:none}a,a:active,a:focus{background-color:transparent!important;-webkit-tap-highlight-color:transparent}.download-btn:active{background-color:transparent!important}.download-btn svg{width:18px;height:28px;vertical-align:middle;transition:transform .3s ease;margin-right:3px}.download-btn:hover svg{transform:translateY(2px)}.about-sec{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:5rem 2rem;margin:0 auto}.about-content{display:flex;align-items:center;flex-direction:row;justify-content:center;gap:3rem;height:auto}#img-side__main-img{border-radius:1.7rem;height:20rem;width:30rem}.work-emoji{bottom:-12px;position:absolute;right:38px;width:6rem!important;z-index:1}.img-side span{background-color:#fff;border-radius:50%;bottom:-64px;right:-16px;height:12rem;width:12rem;position:absolute;display:flex;justify-content:center;align-items:center}.img-side span img{-webkit-animation:rotate 9s linear infinite;animation:rotate 9s linear infinite;width:100%;height:auto}.img-side{position:relative}.text-side{width:500px}.text-side h3{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.text-side h4{color:#2d2e32;font-family:Poppins,sans-serif;font-size:2rem;line-height:1.5;margin-bottom:.85rem}.text-side p{color:#767676;font-size:1rem;font-weight:500;line-height:1.5}@media only screen and (max-width: 950px){.about-content{flex-direction:column;gap:4rem}#img-side__main-img{height:15rem;width:20rem}.text-side{display:flex;flex-direction:column;align-items:center;width:auto}.text-side h4{text-align:center;font-size:1.5rem;margin-bottom:1rem}.text-side p{text-align:center}.img-side span img{width:96%}.img-side span{bottom:-30px;right:0;height:7rem;width:7rem}.work-emoji{bottom:-1px;right:27px;width:3.5rem!important}}.project-container{border-radius:1.7rem;width:990px;height:400px;background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:space-around}.preview{width:530px;height:360px;border-radius:1.7rem;overflow:hidden;box-shadow:0 0 10px #0000001a}.preview img{width:100%;height:auto;object-fit:cover;border-radius:1.7rem}.preview img:hover{transform:translateY(-65%);transition:transform 10s ease-in-out 0s}.project-info{border-radius:1.7rem;padding:0 32px;width:380px;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.project-info p{text-align:center;font-size:1rem}.stack{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.stack p{margin-right:5px;padding:1rem;padding:.95rem .75rem;box-shadow:0 0 10px #0000001a;border-radius:1.7rem}.stack p:hover{box-shadow:none}.link{display:flex;flex-direction:row;justify-content:center;align-items:center}.link a{display:flex;gap:.5rem;padding:0 1rem;text-decoration:none;color:#000}.link a:hover{color:#147efb}@media only screen and (max-width: 950px){.project-container{width:100%;max-width:333px;height:auto;flex-direction:column;margin:0 auto}.preview{width:100%;max-width:300px;height:270px}.project-info{width:100%;max-width:100%;justify-content:space-evenly;padding:0 20px}.stack{gap:.45rem}}.Projects{background-color:#f9f9f9;padding:10rem 0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-info-container{display:flex;flex-direction:column;justify-content:center;gap:5rem}.project-heading{color:#147efb;font-size:1.7rem;font-weight:700}.project-info-container div h3{font-size:1.5rem}@media only screen and (max-width: 950px){.Projects{padding:5rem 1rem}.project-info-container{align-items:center}.project-heading,.project-info-container div h3{text-align:center}}.contact-container{margin:0 auto;max-width:107rem;padding:6rem 11rem}.contact__wrapper{display:flex;justify-content:space-around}.contact__form h2{font-size:1.5rem;color:#2d2e32;margin-bottom:1rem}.contact__form-div{margin-bottom:.7rem}.contact__form-tag{font-size:1.15rem}.contact__form input,.contact__form textarea{width:100%;padding:.7rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.contact__title p{color:#147efb;font-size:1.5rem;font-weight:700;margin-bottom:.6rem;text-transform:uppercase}.contact__icons{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.contact__icon-box{display:flex;align-items:center;gap:1.5rem}.contact__icon-box span{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;color:#147efb;display:flex;justify-content:center;height:3.8rem;width:3.8rem}.contact__title h3{color:#2d2e32;font-size:1.5rem}.contact__info h3{color:#2d2e32;font-size:1.2rem}.contact__info a,.contact__info p{color:#767676;font-size:1rem;text-decoration:none}.button{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:.7rem;border-radius:.6rem;font-weight:500;border:none;transition:all .1s ease-in}.button:hover{background-color:#ff4500}.button__icon{margin-left:.5rem}@media only screen and (max-width: 950px){.contact__wrapper{flex-direction:column-reverse}.contact-container{padding:2rem}.contact__title p{margin-bottom:.5rem;text-align:center;font-size:1.4rem}.contact__title h3{color:#2d2e32;font-size:1.3rem;text-align:center}.contact__icon-box span{height:3.4rem;width:3.4rem}.contact__icon-box{gap:1rem}.contact__info a,.contact__info p{font-size:.95rem}.contact__info h3{font-size:1.1rem}.contact__form h2{font-size:1.4rem;color:#2d2e32;text-align:center;margin-top:2rem}}.scrollToTop{position:fixed;bottom:36px;right:20px;background-color:#000;color:#fff;border:none;border-radius:20px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #00000080;z-index:999;transition:all .2s ease}.scrollToTop:hover{background-color:#ff4500}