@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px;position:relative}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px;transition:transform .3s ease}.nav-menu.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;padding:40px 20px;border-radius:0;box-shadow:none;gap:30px;z-index:1000;justify-content:center;align-items:center;transform:scale(1)}.nav-menu a{text-decoration:none;color:#fff;font-size:24px;text-align:center}.nav-menu a:hover{color:gold}.nav-menu a:hover p{text-decoration:underline}.nav-menu a:hover{background-color:#ffd7001a;border-radius:5px}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:22px;cursor:pointer;transition:transform .5s}.nav-connect:hover{transform:scale(1.05)}.nav-connect a{text-decoration:none;color:inherit}.hamburger{display:none;flex-direction:column;justify-content:space-around;height:20px;cursor:pointer;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (min-width: 800px) and (max-width: 896px){.nav-menu{gap:60px}}@media (min-width: 897px) and (max-width: 1033px){.nav-menu{gap:80px}}@media (max-width: 1033px){.nav-connect{display:none}}@media (max-width: 800px){.hamburger{display:flex}.nav-menu{display:none}.nav-menu.open{display:flex}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px}.hero-text{flex:1;display:flex;flex-direction:column;text-align:left}.profile_image{width:700px;height:700px;background-size:cover;background-position:center;margin-top:15px;order:2}.hero h1{font-size:60px;font-weight:600}.hero p{margin:20px 0}.hero-action{display:flex;gap:30px;margin-top:20px}.hero-connect{padding:10px 20px;color:#fff;border-radius:50px;cursor:pointer;font-size:24px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%)}.resume{padding:10px 20px;color:#fff;border-radius:50px;cursor:pointer;font-size:24px;border:2px solid white}.resume:hover{border:2px solid purple}.hero-connect:hover{border:2px solid white}.letter{display:inline-block;opacity:1;transform:translateZ(0);animation:disappearBackwards 1s forwards}@keyframes disappearBackwards{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.hero-text h1{font-size:60px;font-weight:600;display:inline-block}.hero-text h1{font-size:3rem;display:inline-block}.cursor{display:inline-block;background-color:#20c20e;width:10px;height:40px;animation:blink .7s steps(1) infinite}@keyframes blink{50%{opacity:0}}.dropshadow{filter:drop-shadow(2px 2px 20px rgb(255,0,0))}.color-palette{position:fixed;bottom:20px;left:20px;background-color:#000;padding:10px;border-radius:5px;z-index:1000}.color-palette button{background-color:transparent;border:none;cursor:pointer;font-size:36px}.palette{display:flex;gap:10px;margin-top:10px}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #fff}.color-option:hover{border:2px solid #ccc}.col span{background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-connect,.resume{text-decoration:none;color:inherit}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center}.modal-content h2{margin:0 0 10px}.modal-content p{margin:0 0 20px}.modal-content button{padding:10px 15px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer}.ha{color:#000}.pa{color:red}@media screen and (min-width: 320px){.hero-connect{display:none}}@media screen and (min-width: 768px){.hero{flex-direction:row;justify-content:space-between}.hero-text{text-align:left}.hero h1{font-size:48px}.hero-action{flex-direction:row;gap:20px}.profile_image{max-width:500px}}@media screen and (min-width: 1024px){.hero h1{font-size:60px}.profile_image{max-width:700px}.hero-connect,.resume{font-size:24px;padding:10px 20px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 20px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px}.about-title img{position:absolute;bottom:0;right:0;z-index:-1}.image{height:600px;width:500px}.about-section{display:flex;gap:100px}.about-right{display:flex;flex-direction:column;gap:80px}.about-para{display:flex;flex-direction:column;gap:20;font-size:24px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.achievement{font-size:40px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-skill:hover{transform:scale(1.05);transition:.3s;cursor:pointer}.achievement:hover{transform:rotate(360deg);transition:1s;cursor:pointer}@media (max-width:768px){.about{gap:80px;margin:50px 70px;align-items:start}.about-title h1{font-size:50px;padding:0}.about-title img{width:130px;right:-20px}.about-section{flex-direction:column}.about-para{font-size:18px;line-height:20px}.image{display:none}.about-skill hr{height:6px}.about-achievements{justify-content:space-between}.about-achievement{gap:10px}.achievement h1{font-size:34px;font-weight:700}.achievement p{text-align:center;font-size:16px}}.timeline-title{position:relative}.timeline-title h1{padding:0 30px;font-size:80px;font-weight:400}.timeline-title img{position:absolute;bottom:0;right:0;z-index:-1}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--background-color: #112e42;--main-color: #00abf0;--htm-color: #f06529;--javascript-color: #fdd634;--reactjs-color: #00d8ff;--nodejs-color: #6caa48;--expressjs-color: #011aff;--mongodb-color: #599636;--php-color: #484c89}body{background:var(--background-color);font-family:Poppins,sans-serif}.main h1{font-family:Poppins,sans-serif;margin-top:50px;margin-bottom:15px;font-size:50px;color:#fff;text-align:center}.main h1 span{color:var(--main-color);font-family:Poppins,sans-serif}.timeline{font-family:Poppins,sans-serif;position:relative;max-width:1200px;margin:100px auto}.container{padding:10px 50px;position:relative;width:50%;animation:movedown 1s linear forwards;opacity:0}@keyframes movedown{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.container:nth-child(1){animation-delay:0s}.container:nth-child(2){animation-delay:1s}.container:nth-child(3){animation-delay:2s}.container:nth-child(4){animation-delay:3s}.container:nth-child(5){animation-delay:4s}.container:nth-child(6){animation-delay:5s}.container:nth-child(7){animation-delay:6s}.text-box{padding:20px 30px;background:#000;position:relative;border-radius:6px;font-size:15px}.htmltext{color:var(--htm-color)}.javascripttext{color:var(--javascript-color)}.reactjstext{color:var(--reactjs-color)}.nodejstext{color:var(--nodejs-color)}.expressjstext{color:var(--expressjs-color)}.mongodbext{color:var(--mongodb-color)}.phptext{color:var(--php-color)}.company{color:var(--main-color);font-weight:700;letter-spacing:.1rem}.htmlcard{border:3px solid var(--htm-color)}.javascriptcard{border:3px solid var(--javascript-color)}.reactjscard{border:3px solid var(--reactjs-color)}.nodejscard{border:3px solid var(--nodejs-color)}.expressjscard{border:3px solid var(--expressjs-color)}.mongodbcard{border:3px solid var(--mongodb-color)}.phpcard{border:3px solid var(--php-color)}.left-container{left:0}.right-container{left:50%}.container img{position:absolute;width:45px;border-radius:50%;right:-20px;top:32px;z-index:10}.right-container img{left:-20px}.timeline:after{content:"";position:absolute;width:6px;height:100%;background:var(--main-color);top:0;left:50%;margin-left:-3px;z-index:-1;animation:moveline 6s linear forwards}@keyframes moveline{0%{height:0}to{height:100%}}.text-box small{display:inline-block;margin-bottom:15px}.left-container-arrow{height:0;width:100px;position:absolute;top:38px;z-index:-1;right:-15px}.right-container-arrow{height:0;width:100px;position:absolute;top:38px;z-index:-1;left:-15px}.htmlarrow{border:5px solid var(--htm-color)}.javascriptarrow{border:5px solid var(--javascript-color)}.reactjsarrow{border:5px solid var(--reactjs-color)}.nodejsarrow{border:5px solid var(--nodejs-color)}.expressjsarrow{border:5px solid var(--expressjs-color)}.mongodbarrow{border:5px solid var(--mongodb-color)}.phparrow{border:5px solid var(--php-color)}@media screen and (max-width: 600px){.timeline{margin:50px auto}.timeline:after{left:31px}.container{width:100%;padding-left:80px;padding-right:25px}.text-box{font-size:13px}.text-box small{margin-bottom:10px}.right-container{left:0}.right-container img,.left-container img{left:10px}.left-container-arrow,.right-container-arrow{left:-15px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:10px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:400}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px;flex-wrap:wrap}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#fff;font-size:20px;line-height:35px}.contact-details{display:flex;gap:30px;flex-direction:column;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:center;gap:30px}.contact-right label{color:#f0f8ff;font-size:22px}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:4px;background-color:#32323c;color:#a0a0a0;font-size:20px}.contact-right textarea{width:650px;border:none;border-radius:4px;padding:25px;color:#a0a0a0;background:#32323c;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:22px;padding:20px 60px;cursor:pointer;transition:.3s;margin-bottom:50px}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width: 768px){.contact{margin:10px 50px}.contact-title h1{font-size:60px}.contact-section{flex-direction:column;gap:50px}.contact-left h1{font-size:50px}.contact-left p{font-size:18px;line-height:30px}.contact-details{gap:20px}.contact-right input,.contact-right textarea{width:100%;font-size:18px}.contact-submit{padding:15px 50px;font-size:20px}}@media (max-width: 1024px){.contact{margin:10px 100px}.contact-title h1{font-size:70px}.contact-section{gap:100px}.contact-left h1{font-size:70px}.contact-left p{font-size:18px;line-height:30px}.contact-details{gap:25px}.contact-right input,.contact-right textarea{width:100%;font-size:18px}.contact-submit{padding:18px 55px;font-size:21px}}@media (min-width: 1200px){.contact{margin:10px 170px}.contact-title h1{font-size:80px}.contact-section{gap:150px}.contact-left h1{font-size:80px}.contact-left p{font-size:20px;line-height:35px}.contact-right input,.contact-right textarea{width:700px;font-size:20px}.contact-submit{padding:20px 60px;font-size:22px}}.media-container,.video-wrapper{position:relative}.overlay{transform:scale(2.05);position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out;display:flex;justify-content:center;align-items:center}.media-container:hover .overlay{opacity:1}.arrow-button{background:none;border:none;color:#fff;font-size:40px;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .3s}.arrow-button:hover{background-color:#ffffff4d}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:10px 170px}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:80px;font-weight:600}.mywork-title img{position:absolute;bottom:0;right:0;z-index:-1}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.mywork-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid white;padding:30px 60px;font-size:22px;font-weight:500;margin-bottom:80px;transition:.6s;cursor:pointer}.mywork-showmore:hover{gap:30px;transition:.6s}@media (max-width: 850px){.mywork-container{grid-template-columns:1fr;gap:20px}.mywork-title h1{font-size:60px}.mywork-showmore{padding:20px 40px;font-size:18px}}@media (max-width: 1500px) and (min-width: 850px){.mywork-container{grid-template-columns:1fr 1fr;gap:30px}}.slider{width:100%;overflow:hidden;display:flex;align-items:center}.slide-track{display:flex;width:2400px;animation:scroll 15s linear infinite;gap:200px}.slide{width:200px;display:flex;justify-content:center;align-items:center}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1200px)}}.tech-title{position:relative}.tech-title h1{padding:0 30px;font-size:80px;font-weight:400}.tech-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact .platform-list{display:flex;flex-direction:column;margin:20px 0}.contact .platform-item{display:flex;align-items:center;margin-bottom:10px}.contact .platform-item img{width:30px;margin-right:10px}.platform-list{display:flex;flex-direction:column;align-items:center;margin:20px 0}.platform-item{display:flex;align-items:center;margin-bottom:15px;padding:10px;border-radius:8px;background-color:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .3s,box-shadow .3s}.platform-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003}.platform-image{width:400px;height:130px;margin-right:10px}.footer{margin:40px 170px;display:flex;flex-direction:column;gap:30px;font-size:clamp(14px,1vw,18px)}.footer-top{display:flex;justify-content:space-around;flex-wrap:wrap}.footer-top-left{font-size:clamp(16px,1.2vw,22px);max-width:400px;text-align:center}.footer-top-right{display:flex;align-items:center;gap:clamp(20px,2vw,35px)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;font-size:clamp(12px,1vw,16px)}@media (min-width: 1024px){.footer{margin:40px 170px}.footer-top{flex-direction:row;justify-content:space-around}.footer-bottom{justify-content:space-between}.footer-bottom-left{font-size:larger}}@media (min-width: 768px) and (max-width: 1023px){.footer{margin:30px 100px}.footer-top{flex-direction:column;align-items:center}.footer-top-right{gap:clamp(15px,1.5vw,25px)}.footer-bottom{font-size:clamp(10px,.9vw,14px)}.footer-bottom-left{font-size:20px}}@media (max-width: 767px){.footer{margin:20px}.footer-top{flex-direction:column;align-items:center}.footer-top-left{font-size:clamp(14px,1vw,18px)}.footer-top-right{flex-direction:column;gap:clamp(10px,1vw,20px)}.footer-bottom{flex-direction:column;font-size:clamp(10px,.8vw,12px);margin-top:10px}.footer-bottom-left{font-size:20px}}.resume{display:flex;flex-direction:column;align-items:center;justify-content:center}.resume h1{margin-bottom:20px}.resume-iframe{width:80%;height:900px;border:2px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a}*{margin:0;padding:0}body{height:100vh;background-color:#000;color:#fff;font-family:Agdasima}