*{margin:0;padding:0}body{background-color:#000;color:#f5f5f5;font-family:outfit}canvas{left:0;pointer-events:none;position:fixed!important;top:0;z-index:-1!important}.navbar{justify-content:space-between;margin:20px 170px}.nav-menu,.navbar{align-items:center;display:flex;font-size:20px}.nav-menu{gap:60px;list-style:none}.nav-menu li{border:2px solid var(--skill-color);transition:all .3s ease}.nav-menu li:hover{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;background-color:#222;box-shadow:0 0 15px var(--skill-color);cursor:pointer;margin:0;transform:translateY(-5px)}.close:hover,.open:hover{border-width:10px;cursor:pointer;transform:scale(1.2)}.nav-connect{background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);border-radius:50px;cursor:pointer;font-size:22px;padding:20px 40px;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.anchor-link{color:#fff;text-decoration:none}.close,.open{display:none}@media(max-width:768px){.navbar{font-size:20px;margin:20px 30px}.open{height:32px;right:30px;width:32px}.close,.open{display:block}.close{left:290px;position:relative;top:30px;width:30px}.nav-menu{align-items:start;background-color:#000;flex-direction:column;gap:30px;height:100%;position:fixed;right:-350px;top:0;transition:right .5s;width:350px;z-index:2}.nav-menu li{flex-direction:row;font-size:30px;gap:20px;padding-left:100px}}@media(min-width:768px) and (max-width:1000px){.navbar{justify-content:space-between;margin:20px 170px}.nav-menu,.navbar{align-items:center;display:flex;font-size:20px}.nav-menu{gap:10px;list-style:none}}body{background-image:url(/Portfolio/static/media/back.29b2526d7d71ab9dff44.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}@media (max-width:768px){body{background-position:top;background-size:auto 100%}}.hero{gap:35px;margin-top:50px}.hero,.name{align-items:center;display:flex;flex-direction:column}.name{gap:10px;text-align:center}.name p{width:60%}.hero h1{font-size:70px;font-weight:600;text-align:center;width:70%}.typing{animation:typing 2.5s steps(20) forwards,blink .75s step-end infinite;overflow:hidden;text-align:right;white-space:nowrap}@keyframes typing{0%{width:0}to{width:14ch}}.hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;margin:0}.hero-action{align-items:center;display:flex;font-size:24px;font-weight:500;gap:25px;margin-bottom:50px}.hero-connect{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);padding:25px 45px}.hero-connect,.hero-resume{border-radius:50px;cursor:pointer}.hero-resume{padding:25px 75px}.hero-connect:hover,.hero-resume{border:2px solid #fff}.hero-resume:hover{border-color:#c963f8}@media(max-width:768px){.hero-action{display:flex;flex-direction:column}.hero h1 span{font-size:80%}}.about{align-items:center;gap:80px;justify-content:center;margin:80px 170px}.about-title{position:relative}.about-title h1{font-size:80px;font-weight:600;padding:0 30px}.about-title img{bottom:0;position:absolute;right:0;z-index:-1}.about-right,.about-sec{display:flex;gap:80px}.about-para,.about-right{flex-direction:column}.about-para{display:flex;font-size:24px;font-weight:500;gap:20px}@media (max-width:768px){.about-title h1{font-size:55px;font-weight:600}.about-para p{align-items:start;display:flex;flex-wrap:wrap;font-size:50;gap:10px;margin:10px;width:80vw}}.about{display:flex;flex-direction:column}#about-title{position:relative;text-align:center}#about-title h1{font-size:80px;font-weight:600;padding:0 30px}#about-title img{bottom:0;justify-content:center;position:absolute;right:0;z-index:-1}.skills-section{background-color:#000;color:#fff;padding:80px 20px;text-align:center}.section-title{display:inline-block;font-size:2.5rem;margin-bottom:50px;position:relative}.section-title .highlight{color:#61dafb;color:var(--skill-color,#61dafb)}.section-title:after{background-color:#61dafb;background-color:var(--skill-color,#61dafb);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.skills-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:900px}.skill-item{align-items:center;display:flex;flex-direction:column;transition:all .3s ease;width:100px}.skill-item:hover{transform:translateY(-5px)}.skill-icon{align-items:center;background-color:#111;border:2px solid var(--skill-color);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:15px;padding:5px;transition:all .3s ease;width:80px}.skill-icon:hover{background-color:#222;box-shadow:0 0 15px var(--skill-color)}.skill-icon img{height:60%;object-fit:contain;width:60%}.skill-name{color:#eee;font-size:.9rem;font-weight:500}@media (max-width:768px){.skills-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.skill-item{width:90px}.skill-icon{height:70px;width:70px}#about-title h1{font-size:55px}}@media (max-width:480px){.skills-container{grid-gap:30px 25px;align-items:center;display:grid;gap:30px 25px;grid-template-columns:repeat(2,minmax(100px,1fr));justify-content:center;justify-items:center;margin:0 auto;max-width:350px;width:100%}.skill-item{align-items:center;display:flex;flex-direction:column;text-align:center;width:100px}.skill-icon{height:70px;width:70px}.skill-name{font-size:.85rem}}.project{align-items:center;display:flex;flex-direction:column;gap:80px;justify-content:center;margin:80px 170px}.project-title{position:relative;text-align:center}.project-title h1{font-size:80px;font-weight:600;padding:0 30px}.project-title img{bottom:0;position:absolute;right:0;z-index:-1}.project-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;max-width:1200px;width:100%}.format{align-items:center;background-color:#ffffff0d;border:2px solid #fff;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;max-width:500px;min-height:520px;padding:30px;text-align:center;transition:.4s ease;width:100%}.format:hover{border-color:#00bfff;transform:translateY(-6px)}.format img{border-radius:10px;box-shadow:0 4px 10px #0003;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.format img:hover{transform:scale(1.05)}.format a{text-decoration:none}.format h1{color:#fff;font-size:22px;margin-top:10px}.format p{color:#ddd;font-size:16px;line-height:1.5;text-align:start}@media (max-width:1024px){.project-container{grid-template-columns:1fr}.project{margin:60px}.format{max-width:100%;min-height:auto}.project-title h1{font-size:55px}}@media (max-width:600px){.project{margin:40px 20px}.project-title h1{font-size:40px}}.con-detail>img:hover{background-color:#222;box-shadow:0 0 15px var(--skill-color)}.con-detail img{align-items:center;background-color:#111;border:2px solid var(--skill-color);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:15px;padding:5px;transition:all .3s ease;width:80px}.con-detail img:hover{background-color:#222;box-shadow:0 0 15px var(--skill-color)}.con-detail1{align-items:self-start;display:flex;flex-direction:row}.contact{align-items:center;display:flex;flex-direction:column;gap:80px;justify-content:center;margin:80px 170px}.contact-title{position:relative}.contact-title h1{font-size:80px;font-weight:600;padding:0 30px}.contact-title img{bottom:0;position:absolute;right:0;z-index:-1}.contact-sec{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.contact-left{align-items:start;display:flex;flex-direction:column;gap:20px;margin-right:10%}.contact-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#df8908 80%,#b415ff);background-clip:text;-webkit-background-clip:text;font-size:70px;font-weight:700}.cont-right{align-items:start;display:flex;flex-direction:column;gap:20px;width:50%}.cont-right label{color:beige;font-size:22px;font-weight:500}.cont-right input{height:78px;padding-left:20px;width:700px}.cont-right input,.cont-right textarea{background:#32323c;border:none;border-radius:4px;color:#a0a0a0;font-family:outfit;font-size:20px}.cont-right textarea{padding:25px;width:650px}.submit{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:22px;padding:20px 60px;transition:.3s}.submit:hover{transform:scale(1.1);transition:.3s}@media (max-width:999px){.contact-sec{align-items:center;flex-direction:column;gap:40px}.cont-right,.contact-left{align-items:center;margin:0;text-align:center;width:100%}.con-detail1{flex-wrap:wrap;justify-content:center}.cont-right input,.cont-right textarea{max-width:90%;width:100%}}@media ((max-width:768px)){.contact-title h1{font-size:55px}}.footer{display:flex;justify-content:space-between;margin:10px}.footer p{align-items:center;margin:10px;text-align:center}
/*# sourceMappingURL=main.23073f4c.css.map*/