*{font-family:sans-serif}body{background:#000;margin:0}body::-webkit-scrollbar{display:none}ul>li{font-weight:700;list-style:none}button{background:#cb450c;border:2px solid #fff;border-radius:50px;cursor:pointer;font-size:1.3rem;padding:.7rem 3rem;transition:.5s}button:hover{background:#fff;border:2px solid #000;color:#000}a{color:inherit;cursor:pointer;text-decoration:none}.App{animation:static 3s steps(5) infinite;background-image:url(/static/media/effect.370d93d2ebb099766694.png);background-size:200px;z-index:999}footer h3{color:#fff;letter-spacing:.1rem;margin:0;padding:2% 0;text-align:center}@keyframes static{0%{background-position:0 0}20%{background-position:25% 15%}40%{background-position:50% 69%}60%{background-position:33% 25%}80%{background-position:72% 4%}to{background-position:80% 91%}}@media screen and (-webkit-min-device-pixel-ratio:1.0416666666666667),screen and (min-resolution:100dpi){button{font-size:1rem}}nav{align-items:center;background-color:initial;color:#fff;display:flex;justify-content:space-between;padding:0 0 0 10%;position:fixed;top:0;width:100%;z-index:99}.scrolled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu{display:flex;margin-right:20%}.menu>li{font-size:1.2rem;font-weight:600;padding:0 .75rem}.tophead>h1{display:flex}.name-logo{font-family:Space Mono,monospace;font-size:1.3em}.blink{animation:blink .5s step-end infinite alternate;border-bottom:3px solid #fff;display:block;height:2rem;overflow:hidden;white-space:nowrap;width:15px}@keyframes blink{50%{border-color:#0000}}.menu-btn{display:none}.scroll-to-top{bottom:3%;display:none;position:fixed;right:3%}@media only screen and (max-width:768px){nav{align-items:flex-start;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;flex-direction:column;padding:5% 0 0 5%;position:static;width:auto}.menu{display:none;margin:40% 15%!important;padding:0;transition:transform .5s ease-in-out}.menu>li{font-size:1.5rem;padding:0}.tophead>h1{display:flex;margin:0}.name-logo{font-size:1.2em}.blink{height:1.8rem}.tophead{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAj0lEQVR4nO3YMQ7CQAxE0ZVyGoJydghV4FKI0KX5kenSgNgCxct/J5iRLBdTiiRJkiRJ2gCOwAV4sH+RcQT6UgMYgCf5ROahpvCNvK7flu2Ahbwie2fhhk96eluusac1Vz2tEC8eOAN39i8ynoDDK7wkSZKk38FNKwU3rY/ctFof8YKbVh5uWpIkSZIk/bsVWs7Z6j8gvfQAAAAASUVORK5CYII=);background-size:cover;display:block;margin-right:5%}.menu-btn,.opened-btn{height:25px;width:25px}.opened-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQElEQVR4nO2ZQWrDMBBFfZQucpIESvZRsrCbs3fRM4RAEnglpKYO2CCPNaOR0d8ZjP5/GslI46apqqqqWpWADRAy+odnhqWDfADfwAM4J0sX738C7sCPGGYA0csUhn+IXjIY4PgXfqjnc6eS/N27m/A+ppoV9cqg5WkJg7aXBYzZhKFoZL6EUTDMsQ+TG2eDSBkgO0SKIG4glgRyByEJ5hZiTkD3EDFBi4GIOOxlOXwu0sTsl1GJGTDlQKwGhDUsLaAtfrOzhs8vr/v9WNCvwTu+YYiAcA/DDAi3MAgg3MHwamOKIDzdDsNSCA/39TBh3JXUQQmpIXL0tIIWhGWXMQA3TQiLvu9hAqJNll4bhvHldBe39tPcNFvJYJ/A1aoSEZW5ADvpYD2MKcQIjBxiMNg+88/QFtjm8q+qqqpqVPQL08n6GKXmFcYAAAAASUVORK5CYII=);margin-right:10%}.open{display:flex;flex-direction:column;gap:4rem}.nav-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;height:110vh;justify-content:flex-start;position:fixed;width:100%}.nav-open,.scroll-true{transition:all .3s ease-in-out}.scroll-true{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px;z-index:99}}.hero{display:flex;flex-direction:column;gap:10%;height:100vh;justify-content:center;margin-bottom:10%;padding:0 10%}.hero-overlay{align-items:center;display:flex;justify-content:space-between;padding:10% 0 0}.description{width:75%}.hero-image{align-items:center;animation-duration:3s;animation-iteration-count:infinite;animation-name:floating;animation-timing-function:ease-in-out;display:flex;flex-direction:column;justify-content:center;width:35%}.title{color:#fff;font-family:Indie Flower,cursive;font-size:5rem;margin:0;overflow:hidden}.tagline{color:#cb450c;font-family:Orbit,sans-serif;font-size:1.5rem;margin:1% 0 0}.paragraph{color:#fff;font-size:1.2rem;font-weight:400;line-height:2.1rem;margin:2rem 0;opacity:.8;text-align:justify;text-transform:uppercase;width:85%}.hero-btns{align-items:center;display:flex;gap:2rem}.hire-me{border-color:#cb450c;color:#fff}.lets-talk{background:#0000;color:#fff}.social-icons{gap:4rem}.social-icons,.social-icons a{align-items:center;display:flex}.social-icons a{border-radius:50%;color:#fff;font-size:2rem;justify-content:center;text-decoration:none}.social-icons a i,.social-icons a:hover i{transition:.3s ease-in-out}.social-icons a:hover i{transform:scale(1.3)}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}@media only screen and (min-width:900px) and (max-width:1440px){.title{font-size:4.5vw}.tagline{font-size:1.2rem}.hero-image{width:35%}.paragraph{font-size:1rem;margin:2% 0 5%;width:95%!important}.social-icons a{font-size:1.8rem}}@media only screen and (max-width:900px){.hero{height:auto;margin-bottom:20%;padding:10% 5% 0}.tagline{font-size:1rem}.paragraph{font-size:.85rem;margin:4% 0 5%;width:100%!important}.hero-overlay{flex-direction:column}.description{width:100%}.hero-image{align-items:center;display:flex;justify-content:center;padding:15% 0;width:80%}.hero-btns{gap:1rem;margin-top:10%}button{font-size:.8rem;padding:.7rem 2rem}.title{font-size:1.8rem;margin:5% 0}.social-icons{justify-content:center}.social-icons a{font-size:1.5rem}}.about{align-items:flex-start;display:flex;margin-bottom:10%;padding:0 10%}.about-title{margin:0}.about-me{position:-webkit-sticky;position:sticky;top:15%;width:100%}.about-para{margin-bottom:2rem;width:90%!important}.about-skills{border-left:.2px solid #889ea833;margin-left:0;padding:0 0 0 7%}.skills{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2rem}.skill{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.skill img{width:50px}.skill-title{color:#fff;font-size:2rem;margin:0 0 1rem}.soft-skill{border-radius:50px;color:#fff;font-family:Orbit,sans-serif;font-size:1.2rem;margin:0;text-transform:lowercase}@media only screen and (min-width:900px) and (max-width:1440px){.about-skills{border-left:.2px solid #889ea833;margin-left:0;padding:0 0 0 5%;width:100%!important}.skills{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2rem}.skill{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.skill img{width:40px}.skill-title{color:#fff;font-size:1.3rem;margin-bottom:1rem}.soft-skill{border-radius:50px;color:#fff;font-family:Orbit,sans-serif;font-size:1rem;margin:0;text-transform:lowercase}}@media only screen and (max-width:900px){.about{flex-direction:column;margin-bottom:25%;padding:5%}.about-me{position:static}.about-para{width:100%!important}.about-skills{border-left:0;margin-top:20%;padding:0}.skills{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2rem}.skill{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.skill img{width:35px}.skill p{font-size:.75rem}.skill-title{color:#fff;font-size:1.3rem;margin-bottom:1rem}.soft-skill{border-radius:50px;color:#fff;font-family:Orbit,sans-serif;font-size:1rem;margin:0;text-transform:lowercase}}.projects{margin-bottom:10%;padding:0 10%}.projects-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.projects-title{margin-top:2rem!important;text-align:right}.projects-para{color:#fff;font-family:Orbit,sans-serif;font-size:1.5rem;margin:2% 0 4rem;text-align:justify}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.302325581395349),only screen and (min-resolution:125dpi){.projects-para{font-size:1.2rem}}@media only screen and (max-width:768px){.projects-container{grid-template-columns:repeat(1,1fr)}.projects{margin-bottom:20%;padding:0 5%}.projects-para{font-size:1rem}}@media only screen and (min-width:769px) and (max-width:1200px){.projects-container{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:#000;border-radius:10px;break-inside:avoid;color:#fff;overflow:hidden;page-break-inside:avoid;position:relative}.project-card img{border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover;transition:all .3s;width:100%}.project-card:hover img{filter:brightness(.3);transform:scale(1.1)}.project-card p{line-height:1.5rem}.card-description{padding:2% 4% 5%}.stacks{display:flex;flex-wrap:wrap;gap:.8rem}.tech-stack{border:0;border-radius:3px;color:#fff;cursor:none;font-size:1rem;padding:.4rem .8rem}.tech-stack:hover{background-color:#cb450c;border:none;color:#fff}.arrow{color:#fff;font-size:2.7rem;opacity:0;position:absolute;rotate:-45deg;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s}.project-card:hover .arrow{left:95.5%;opacity:.7;top:2%;z-index:55}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.302325581395349),only screen and (min-resolution:125dpi){.project-card p{font-size:.9rem}}@media only screen and (max-width:768px){.tech-stack{font-size:.8rem}}.contact{align-items:center;background:hsla(0,0%,100%,.733);display:flex;gap:5%;height:100vh;padding:5% 10% 0}.footer-left{width:40%}.footer-left h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-image:url(https://t3.ftcdn.net/jpg/05/58/61/32/360_F_558613274_Z1zbjnHZKjpnTvvsjfZzYXk2TIeUl54a.jpg);font-family:Oswald,sans-serif;font-size:9rem;letter-spacing:.2rem}.footer-right{width:60%}.footer-right h3{font-family:Oswald,sans-serif;font-size:2.2rem;letter-spacing:.2rem;opacity:.8}.interests{display:flex;flex-wrap:wrap;gap:1rem}.interests p{border:1px solid #000;border-radius:100px;font-family:Orbit,sans-serif;font-size:1.5rem;padding:.4rem 1rem}hr{border-bottom:.5px rgba(32,32,32,.247);margin:3% 0;width:100%}h3 span{color:#351f02;letter-spacing:0}h3 span a{font-family:Indie Flower,sans-serif;position:relative}h3 span a:after{border:2px solid #0000;border-radius:30%;border-top-color:#e20017;bottom:-5px;content:"";height:7px;left:0;position:absolute;width:100%}.social{align-items:center;display:flex;gap:2rem}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.302325581395349),only screen and (min-resolution:125dpi){.footer-left h1{font-size:7rem}.footer-right h3{font-size:2rem}.interests p{font-size:1.2rem;margin:.5rem 0}}@media only screen and (max-width:768px){.contact{flex-direction:column;height:auto!important;padding:5%}.footer-left,.footer-right{width:100%}.footer-left h1{font-size:5rem}.footer-right h3{font-size:1.2rem;letter-spacing:.1rem}.interests{gap:.5rem}.interests p{font-size:.9rem;margin:.5rem 0}.social{flex-wrap:wrap}h3 span a:after{bottom:-5px}}@media screen and (min-width:769px) and (max-width:1920px){.about-skills{width:80%}.footer-right h3{font-size:1.5rem}.footer-left{width:60%}.interests p{font-size:1rem;margin:.5rem 0}}
/*# sourceMappingURL=main.1ad7b428.css.map*/