body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;-webkit-animation:gradient 6s ease infinite;animation:gradient 6s ease infinite;-webkit-backdrop-filter:blur(100);backdrop-filter:blur(100);background-color:#000;background-image:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.87)),linear-gradient(-45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);background-size:400% 400%;display:flex;height:100svh;justify-content:center;margin:0;padding:10%}.App{margin:0;overflow:hidden;padding:0;text-align:center}.content{background-color:#000;color:#fff;min-height:100svh;overflow-x:hidden;position:relative}.content,.navbar{justify-content:center;text-align:center}.navbar{padding:5px;position:fixed;transition:background-color .5s ease;width:100%;z-index:100}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7)}.nav-links{list-style:none;margin:0;padding:10px}.nav-links li{display:inline-block;margin:7px 40px;position:relative}.nav-links li p{color:#fff;cursor:pointer;font-size:.9rem;margin-top:0;padding:5px;text-decoration:none}.nav-links li p.active{color:#ff7e39}.nav-links li p:before{background-color:#ff7e39;bottom:0;content:"";height:1px;left:50%;position:absolute;transition:width .3s ease,.3s ease;width:0}.nav-links li p.active:before{left:25%;right:auto;-webkit-transform:none;transform:none;width:50%}.nav-links li p:hover{color:#ff7e39}.section{padding:40px 0;text-align:center}.section h2{margin-bottom:20px}.des-by{bottom:20px;color:#fff;font-size:1rem;position:fixed;right:20px}.name{color:#ff7e39;cursor:default;display:inline;text-decoration:none}.name:hover{color:#f60}.des-by a,.des-by p{font-size:1rem}@media only screen and (max-width:991px){.App{justify-content:center;margin:0;padding:0}.navbar{border-radius:40px;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:25px auto 0;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar,.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(74,74,74,.1)}.nav-links{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:hidden;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-links li{margin:7px 15px}.nav-links li p{color:#fff;margin:0;padding:0}.nav-links li p:before{height:.5px}.des-by{background-color:#000;bottom:0;height:30px;left:50%;padding-top:3px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}.home{background-color:#000;background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/static/media/wallpaperflare.com_wallpaper.cfe0e98c3d13182680b5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100svh;margin:0;min-height:100vh;object-fit:cover;overflow-x:hidden;padding:0;position:relative;transition:background-size .3s ease}.head{display:flex;flex-direction:column;justify-content:center;margin:15% 0 auto 7%;padding:0;text-align:left;z-index:5}.name-line{-webkit-animation:gradient 8s ease infinite;animation:gradient 8s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);background-size:400% 400%;border:none;height:5px;margin-left:2px;margin-top:0;opacity:1;position:absolute;-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:left;transform-origin:left;transition:height 1s,-webkit-transform 1s;transition:transform 1s,height 1s;transition:transform 1s,height 1s,-webkit-transform 1s;width:21.25rem;z-index:-1}h1:hover+.name-line{background:#fff;-webkit-transform:scaleX(1.85) translate(-2.2px);transform:scaleX(1.85) translate(-2.2px)}.profile{background-repeat:no-repeat;background-size:80%;height:90vh;margin-top:10vh;max-width:100%;object-fit:contain;overflow:hidden}h1{font-size:6.8rem;line-height:.9;margin-left:-6px;margin-top:-5px;padding:0;z-index:0}h1:hover{-webkit-animation:gradient 8s ease infinite;animation:gradient 8s ease infinite;background:linear-gradient(45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:transparent}h3{font-size:3rem;margin:0 0 0 2px}h3,p{font-family:Poppins,sans-serif;padding:0;z-index:0}p{font-size:1.2rem;margin:50px 0 0}.social-links{display:flex;justify-content:left;margin-top:60px}.social-link{align-items:center;background-color:#4d20ff;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin-right:40px;margin-top:0;width:40px}.social-link:hover{background-color:#fff;color:#4d20ff}.social-link i{font-size:20px}a{text-decoration:none}.fade-in{opacity:0}.fade-in-animation{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-left{-webkit-animation:slide-in-left 1.5s ease-in-out;animation:slide-in-left 1.5s ease-in-out}@-webkit-keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(15%);transform:translateX(15%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(15%);transform:translateX(15%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:991px){.home{margin:0;min-height:800px;padding:2%}.head,.home{justify-content:center;text-align:center;width:100vw}.head{display:flex;line-height:3rem;margin:30% 0 0;overflow-x:hidden}.name-line{height:0;pointer-events:none;width:0}.head h1{-webkit-animation:gradient 8s ease infinite;animation:gradient 8s ease infinite;background:linear-gradient(45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:transparent;font-size:6.5rem;margin:30px auto 40px;pointer-events:none}.head h3{font-size:2.5rem;font-weight:400}.head p{font:1rem;font-weight:350;margin:15px auto;width:75%}.social-links{justify-content:center;margin-right:-40px;margin-top:60px}.profile,.profile-col{height:0;width:0}.profile-col{margin:0;padding:0}}.footer{background-color:rgba(0,0,0,.581);color:#fff;margin:0;overflow:hidden;padding:1% 10%;text-align:center;width:100%}.foot-link{color:#ff7e39;font-weight:700}.footer p{margin:0}.footer li{list-style:none;margin:10px;text-decoration:none}.footer li:not(.foot-link){display:inline}.footer a{color:#fff;margin:0;text-decoration:none}.footer a:hover{color:#4d20ff}.footer ul{margin:30px auto;text-align:left;width:40%}.footer p{font-size:1rem}.copy-right{border-radius:.5px;border-top:1px solid #fff;-webkit-transform:translateX(-10%);transform:translateX(-10%);width:100vw}@media only screen and (max-width:991px){.footer ul{margin-top:15px;padding:0 10px;text-align:center;width:100%}.footer p,.footer ul{margin-bottom:10px}.footer{margin-bottom:20px}}.about{-webkit-animation:gradient 6s ease infinite;animation:gradient 6s ease infinite;-webkit-backdrop-filter:blur(100);backdrop-filter:blur(100);background-color:#000;background-image:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.87)),linear-gradient(-45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);background-size:400% 400%;color:#fff;font-family:Inter,sans-serif;margin:0;overflow:hidden;padding:10%;position:relative;text-align:left}.about h1{font-weight:600;margin:0 0 15px;padding:0;pointer-events:none}.about h2{font-weight:200}.about p{color:#fff;font-size:1.2rem;font-weight:240;line-height:2.5rem;margin-top:5rem}.a-big{color:#ff7e39;display:inline;font-size:3rem;font-weight:400;line-height:4rem;text-decoration:none}.a-big:hover{color:#7553fe}h1.code-logo{font-size:400px;font-weight:500;margin-top:20%}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:991px){.about{padding-top:30%}.about h1{font-size:4.8rem;margin-bottom:30px}.about h2{line-height:4rem}.about p{line-height:3rem}h1.code-logo{font-size:0}.img-col{height:0}}.work{-webkit-animation:gradient 6s ease infinite;animation:gradient 6s ease infinite;-webkit-backdrop-filter:blur(100);backdrop-filter:blur(100);background-color:#000;background-image:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.87)),linear-gradient(-45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);background-size:400% 400%;color:#fff;margin:0;min-height:100svh;overflow:hidden;padding:5% 10% 10%;position:relative;text-align:left}.work h3{margin:6% 0 1%}@media only screen and (max-width:991px){.work h3{font-size:3rem;margin:30% 0 8%;text-align:center}}.client-card{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:hsla(0,0%,100%,.1);border-radius:10px;margin:5% 0;min-height:85%;padding:5%}.client-card h4{font-size:1.6rem;font-weight:700;margin-top:3%}.client-card p{font-size:1rem;margin:10% 0 5%}.github-button,.live-button{border-radius:2px;display:inline-block;margin:3% 0;padding:2% 5%;text-align:center;width:40%}a.github-button,a.live-button{text-decoration:none}.live-button,.live-button:hover{background-color:brown;color:#fff}.github-button,.github-button:hover{background-color:#fff;color:#000;margin-left:10px}.client-img-container{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.client-img{width:100%}@media only screen and (max-width:991px){.client-card{display:flex;flex-direction:column-reverse;padding-top:10%}.client-img{width:50%}.client-card h4{margin-top:10%;text-align:center}.client-card p{margin-top:5%}.client-card p,.work-links{text-align:center}}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;position:relative;width:48px}.loader,.loader:after{border-radius:50%;box-sizing:border-box}.loader:after{border:3px solid transparent;border-bottom-color:#ff3d00;content:"";height:40px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px}.submit-loading{align-items:center;display:flex;height:50vh;justify-content:center}.submitting{display:none}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.contact{-webkit-animation:gradient 6s ease infinite;animation:gradient 6s ease infinite;-webkit-backdrop-filter:blur(100);backdrop-filter:blur(100);background-color:#000;background-image:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.87)),linear-gradient(-45deg,#ee7752,#e73c7e,#1378d7,#37a5dc);background-size:400% 400%;color:#fff;font-family:Poppins,sans-serif;margin:0;overflow:hidden;padding:7% 0 0;text-align:center}.contact h1{font-size:6rem;font-weight:400;margin-left:10%;margin-top:50px;pointer-events:none;text-align:left}.contact h2{margin:10% 0 0 20.5%}.contact h2,.contact h3{font-size:2rem;font-weight:300;text-align:left}.contact h3{margin-left:10%}.contact h3.light{color:hsla(0,0%,69%,.726)}.contact p{font-size:1.3rem;font-weight:200;line-height:2.5rem;margin:0 10%;padding:0;text-align:left}div.contact-mail{margin-bottom:12%;padding:20px 20%;text-align:left}h2.contact-mail{font-weight:300;margin-bottom:5%;margin-left:0}.contact-mail p{font-size:1rem;margin:10px 0}.contact-text{line-height:2rem}.contact-text p{font-size:1.1rem}.form-col{padding:0}.form-col,form{display:flex;flex-direction:column}form{margin:3% auto 0 20%;max-width:500px;width:100%}.form-group{margin-bottom:20px}.form-group label{color:#fff}input[type=email],input[type=text],textarea{-webkit-backdrop-filter:blur(50);backdrop-filter:blur(50);background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;padding:10px;width:100%}.form-group input[type=email]::-webkit-input-placeholder,.form-group input[type=text]::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#fff}.form-group input[type=email]::placeholder,.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#fff}textarea{-webkit-backdrop-filter:blur(50);backdrop-filter:blur(50);background-color:initial;overflow-y:hidden;resize:none}button[type=submit]{background-color:#ff7429;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:50px;padding:10px 20px}button[type=submit]:hover{background-color:#ff5900}.form-submitted{align-items:center;display:flex;height:100vh;justify-content:center;margin:0}.form-submitted p{margin-top:-15%}@media only screen and (max-width:991px){.contact{text-align:center}.contact div{padding:3%}.contact h1{font-size:4rem;margin-top:100px}.contact h2{text-align:center}.contact h2,.contact p{font-size:1.2rem}.contact-mail p{font-size:1rem;margin-left:5%}.contact-mail{display:grid;line-height:3rem}.form-group{margin-bottom:0}.form-group input,.form-group textarea{font-size:.9rem}.contact h2{margin:auto}form{margin:5% auto auto;padding:10%}.form-col{margin-top:15%;padding:5%}.contact-text{margin-bottom:10%}.contact-text p{font-size:1rem;line-height:2rem}}button[type=submit]{border-radius:25px;margin:auto 0 50px}
/*# sourceMappingURL=main.02fe51e9.css.map*/