@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);body{background-color:#fefefe;margin:0 2rem}header{background-color:#000;display:flex;overflow:hidden;position:fixed;width:100%;z-index:10}.navbar .logo img{text-align:left}.logo img{margin:1.3rem 4rem .7rem;padding:0;width:4rem}.topSection{background-color:#b6e8ff;display:flex;font-size:3vw;height:auto;overflow-x:hidden;padding:0}.topSection a{text-decoration:none}.navbar{align-items:center;flex-basis:10%;justify-content:flex-end;margin:.7rem 3rem 0 auto;padding:2rem 0;text-align:right}nav{padding:0 0 0 1rem}nav .navigation{display:flex;flex-basis:60%;text-align:right}nav ul{list-style:none;padding:0;transition:.5s}ul{display:flex;margin:0;padding:0}ul li{display:inline;list-style:none;margin-right:0;padding:0 1.2rem}ul li,ul li a{transition:.5s}ul li a{color:#fff;display:block;font-family:Ubuntu,sans-serif;font-size:1vw;font-weight:800;padding:6px;position:relative;text-align:right;text-decoration:none;text-transform:uppercase}ul li a:hover{color:#fffefe;-webkit-filter:blur(0);filter:blur(0);opacity:1;text-decoration:none;-webkit-transform:scale(1.1);transform:scale(1.1)}ul li a:before{background:#009afd;color:#fff;content:"";font-weight:bolder;height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:.5s;width:100%;z-index:-1}ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}footer{background-color:#000;margin:0;padding:0}.footer-container{border-top:2px solid #fff;margin:0 4rem}.footer p{color:#fff;margin:0;padding:2rem;text-align:center}@media (max-width:1024px){ul li a{color:#fff;display:block;font-family:Ubuntu,sans-serif;font-size:1.5vw;font-weight:800;padding:6px;position:relative;text-align:right;text-decoration:none;text-transform:uppercase;transition:.5s}.footer-container{border-top:2px solid #fff;margin:0 3rem}}@media (max-width:768px){.logo img{margin:1.3rem 2rem .7rem;padding:0;width:3rem}.footer-container{border-top:2px solid #fff;margin:0 2rem}ul li a{font-size:2vw}ul li{display:inline;list-style:none;margin-right:0;margin-top:-.6rem;padding:.4rem;transition:.5s}}.back-to-top{background-color:#009afd;border:none;border-radius:5px;bottom:70px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:fixed;right:20px;transition:opacity .3s ease-in-out;z-index:100}.back-to-top:hover{background-color:#000;color:#009afd}*{box-sizing:border-box;font-family:IBM Plex Sans,serif;font-style:normal}html{overflow:auto}.container{background-attachment:fixed;background-color:#000;box-sizing:border-box;padding-top:6.3rem}.container #name{color:#fefefe;font-weight:700}.animated-background{height:41.5vh;overflow:hidden;position:relative;width:100%;z-index:1}.arrow{font-size:1.3rem;font-weight:200}.arrow span{font-size:1rem;font-weight:bolder}.featured{align-items:center;display:flex;font-weight:bolder;height:auto;margin:1rem 4rem 0;text-align:left;width:auto}.container .myPhoto{margin:0;padding:0;width:25rem}.text{flex-basis:100%;margin-top:1rem}.typewrite{-webkit-animation:typing 3s steps(40),blink .2s step-end infinite;animation:typing 3s steps(40),blink .2s step-end infinite;-webkit-animation-delay:1s;animation-delay:1s;border-right:2px solid #222a35;color:#009afd;font-family:IBM Plex Sans,sans-serif;font-size:5vw;font-weight:bolder;justify-content:left;margin-bottom:0;margin-top:-3rem;overflow:hidden;text-align:left;white-space:nowrap}.text p{color:#fff;font-size:1.3em;font-weight:300;justify-self:left;margin:.7rem auto 1rem 0;padding:0 auto;text-align:left;width:64%}#button{background-color:#009afd;border:none;border-radius:0;color:#fff;font-size:1.3vw;font-weight:800;margin-right:1rem;margin-top:1rem;padding:.5rem 1rem;transition:.3s ease-out}#button:hover{color:#009afd;cursor:pointer;transition-duration:.3s}#button:hover,.bg{background-color:#fff}.bg{padding-top:2rem}.content{background-attachment:fixed;background-color:#fff;margin:0 3rem;padding-bottom:1rem;padding:20px;text-align:center}h2{display:inline-block;font-size:3.5rem;margin-bottom:2rem;position:relative}.content h2:before{background:linear-gradient(90deg,#000,#009afd,#009afd,#009afd,#000);border-radius:5px;bottom:-10px;content:"";height:5px;left:0;position:absolute;width:100%;z-index:-1}.workContent{overflow:hidden;position:relative}.slider-container{-ms-overflow-style:none;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;width:100%}.slider-container::-webkit-scrollbar{display:none}.slider{display:inline-flex;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.image-wrapper{border-radius:10px;box-shadow:10px 15px 25px 0 rgba(0,0,0,.2);cursor:pointer;height:200px;margin:0 15px;overflow:hidden;position:relative;transition:box-shadow .5s cubic-bezier(.645,.045,.355,1);width:300px}.image-wrapper img{height:100%;object-fit:cover;transition:all .5s cubic-bezier(.645,.045,.355,1);width:100%}.overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;-webkit-transform:scale(1.2);transform:scale(1.2);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.image-wrapper:hover .overlay{-webkit-transform:scale(1);transform:scale(1)}.overlay p{border:2px solid hsla(0,0%,100%,.5);display:inline-block;font-family:Open Sans Condensed,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;opacity:0;padding:10px 20px;position:relative;text-transform:uppercase;-webkit-transform:translateY(10px);transform:translateY(10px);transition:opacity .4s ease,letter-spacing .3s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease,letter-spacing .3s ease;transition:opacity .4s ease,transform .4s ease,letter-spacing .3s ease,-webkit-transform .4s ease}.image-wrapper:hover .overlay p{letter-spacing:3px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.overlay p:after,.overlay p:before{border:2px solid #009afd;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform:scale(.8);transform:scale(.8);transition:opacity .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,opacity .4s ease;transition:transform .4s ease,opacity .4s ease,-webkit-transform .4s ease;width:100%}.image-wrapper:hover .overlay p:after,.image-wrapper:hover .overlay p:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.overlay{background:rgba(0,0,0,.63);bottom:0;color:#fff;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .3s ease}.image-wrapper:hover .overlay{opacity:1}.overlay p{font-size:1rem;margin:0;text-align:center}.overlay a{color:#fff;text-decoration:none}.contact{display:flex;padding:4rem}.contact .txt{width:50%}.contact .txt p{width:80%}.contact .txt h2{margin:10px 0 20px}.heading{text-align:left}.heading h2{-webkit-background-clip:text;background-clip:text;color:#009afd;display:inline-block;font-size:4.5rem;font-weight:700;margin-bottom:2rem;position:relative}.mainhighlight{color:#fff;font-size:1rem;margin-top:-1rem;text-align:left;width:60%}.aboutPage{margin:0 3rem}.aboutMeRow{display:flex;gap:30px;margin:0 auto;max-width:1200px}.aboutMeImg{height:auto;margin:0 auto;max-width:200px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:auto}.aboutMeImg:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.aboutMeRow p{flex:1 1;font-size:1.1rem;line-height:2.7;padding-top:2rem;text-align:justify}@media (max-width:768px){.aboutMeRow{flex-direction:column;text-align:center}.content{margin:0 2rem}.aboutMeRow p{font-size:.1rem}.image-wrapper{width:250px}.aboutMeImg{margin-bottom:20px}}.text2{font-size:1.2rem;width:50%}.hi,.text2{margin:0 auto}.hi{text-align:center}h2{align-items:center;background:linear-gradient(90deg,#000,#009afd,#009afd,#009afd,#000);-webkit-background-clip:text;background-clip:text;color:transparent;justify-content:center;margin:0 auto;padding:0}.skillsContent{margin:3rem;overflow:hidden;position:relative;text-align:center}.skillsContent:before{background-image:url(/static/media/skillsMeImg.e48cb516a14287192b0a.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:-1}.skillsContent>*{position:relative;z-index:1}.aboutPage{margin:0 auto;max-width:1200px;padding:40px 20px}.section{margin-bottom:60px}h2{font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.aboutMe p{font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:justify}.mySkills .skillsContent{display:flex;flex-direction:column;gap:20px}.skillsRow{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.skillCard{text-align:center;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.skillImg{height:80px;margin:0 auto 15px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80px}.skillCard:hover .skillImg{-webkit-transform:scale(1.1);transform:scale(1.1)}.skillName{color:#2c3e50;font-size:0;font-weight:700}@media (max-width:1024px){.skillCard{width:calc(20% - 20px)}.animated-background{height:32vh}.container .myPhoto{margin:0;padding:0;width:20rem}.skillImg{height:70px;margin:0 auto 5px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:70px}.contact{padding:3rem}.contact .txt,.contact .txt p{width:50%}.contact .txt h2{margin:10px 0}.heading,.heading h2{text-align:left}.heading h2{-webkit-background-clip:text;background-clip:text;color:#009afd;display:inline-block;font-size:3.5rem;font-weight:700;margin-bottom:2rem;position:relative}}@media (max-width:768px){.skillCard{display:flex}.container .myPhoto{margin:0;padding:0;width:15rem}.skillCard{width:calc(35% - 10px)}.contact{padding:3rem}.contact .txt,.contact .txt p{width:50%}.contact .txt h2{margin:10px 0}.heading,.heading h2{text-align:left}.heading h2{-webkit-background-clip:text;background-clip:text;color:#009afd;display:inline-block;font-size:4.5rem;font-weight:700;margin-bottom:2rem;position:relative}}#contact{background-color:#000}.contactMeImg{width:8rem}.contact .form{margin-left:4rem;width:70%}.contact form,.contact form input,textarea{width:100%}.contact form .input-row{display:flex;gap:20px}.contact form .form-input{margin-bottom:20px;width:50%}.contact form .textarea{width:100%}.contact form label{display:none}.contact form input{border:1px solid #000;border-radius:10px;padding:10px}.contact form input::-webkit-input-placeholder{color:#000}.contact form input:-ms-input-placeholder{color:#000}.contact form input::placeholder{color:#000}.contact form textarea{border:1px solid #000;border-radius:10px;padding:10px}.contact form textarea::-webkit-input-placeholder{color:#000}.contact form textarea:-ms-input-placeholder{color:#000}.contact form textarea::placeholder{color:#000}.contact form button{background:#fff;background-position:100% 100%;background-size:204% 100%;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;padding:10px 30px;transition:all .5s ease-out}.contact form button:hover{background-position:0 100%;background:#009afd;color:#fff}@media (max-width:768px){.featured{align-items:center;display:flex;font-weight:bolder;height:auto;margin:1rem 2rem 0;text-align:left;width:auto}.container .myPhoto{display:inline-block;margin:0;padding:0;width:10rem}.animated-background{height:26.5vh}.text{flex-basis:100%;margin-top:1rem}.typewrite{-webkit-animation:typing 3s steps(40),blink .2s step-end infinite;animation:typing 3s steps(40),blink .2s step-end infinite;-webkit-animation-delay:1s;animation-delay:1s;border-right:2px solid #222a35;color:#009afd;display:inline-block;font-family:IBM Plex Sans,sans-serif;font-size:4vw;font-weight:bolder;justify-content:left;margin-bottom:0;margin-top:-3rem;overflow:hidden;text-align:left;white-space:nowrap}.text p{color:#fff;font-size:.7rem;font-weight:300;justify-self:center;margin:.7rem auto;padding:0 auto;text-align:left;width:100%}#button{background-color:#009afd;border:none;border-radius:0;color:#fff;font-size:1.3vw;font-weight:800;margin-right:1rem;margin-top:0;padding:.5rem 1rem;transition:.3s ease-out}.contact{padding:2rem}.txt{margin:0 auto}.aboutMeImg{margin-bottom:0;margin-top:0;padding:0;width:6rem}.aboutMeRow p{font-size:1rem;line-height:1.6rem;margin-top:0;padding:0 2rem 2rem;text-align:center center}.heading h2{color:#009afd;display:none;font-size:2.5rem;font-weight:700;margin:0 auto;text-align:center}.mainhighlight{font-size:.8rem;padding:0 auto;text-align:center}.contactMeImg{width:5rem}.contact .form{margin-left:0;width:90%}.contact form input,textarea{width:100%}.contact form .input-row{display:flex;gap:20px}.contact form .form-input{margin-bottom:20px;width:70%}.contact form .textarea{width:100%}.contact form label{display:none}.contact form input{border:1px solid #000;border-radius:10px;padding:10px}.contact form input::-webkit-input-placeholder{color:#000}.contact form input:-ms-input-placeholder{color:#000}.contact form input::placeholder{color:#000}.contact form textarea{border:1px solid #000;border-radius:10px;padding:10px}.contact form textarea::-webkit-input-placeholder{color:#000}.contact form textarea:-ms-input-placeholder{color:#000}.contact form textarea::placeholder{color:#000}.contact form button{background:linear-gradient(90deg,#000 50%,#fff 0);background-position:100% 100%;background-size:204% 100%;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;padding:10px 30px;transition:all .5s ease-out}.contact form button:hover{background-position:0 100%;color:#fff}}.fade-in,.slide-in-left,.slide-in-right,.slide-up{opacity:0;transition:all .8s ease-out}.fade-in{-webkit-transform:translateY(20px);transform:translateY(20px)}.fade-in.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-in-left{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.slide-in-left.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-in-right{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.slide-in-right.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-up{-webkit-transform:translateY(50px);transform:translateY(50px)}.slide-up.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.stagger-delay>:first-child{transition-delay:.1s}.stagger-delay>:nth-child(2){transition-delay:.2s}.stagger-delay>:nth-child(3){transition-delay:.3s}.stagger-delay>:nth-child(4){transition-delay:.4s}.stagger-delay>:nth-child(5){transition-delay:.5s}.scale-hover{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.scale-hover:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}html{scroll-behavior:smooth}.case-study-container{color:#333;margin:0 auto;max-width:1200px;padding:100px 20px 40px}.case-study-header{margin-bottom:40px;text-align:center}.case-study-header h1{color:#009afd;font-size:2.5rem;margin:0}.project-logo{height:80px;margin-bottom:20px;width:80px}.main-image{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:20px;max-height:500px;object-fit:cover;width:100%}.view-project-btn{background-color:#009afd;border:2px solid #009afd;border-radius:25px;color:#fff;display:block;font-weight:700;margin:0 auto 40px;padding:12px 30px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-project-btn:hover{background-color:transparent;box-shadow:0 4px 12px rgba(0,154,253,.2);color:#009afd;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-info{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin-bottom:40px}.project-description{line-height:1.6}.project-description h2,.screenshots h2,.technologies h2{color:#009afd;margin-bottom:20px}.project-description p{line-height:1.6;margin-bottom:20px}.technologies{margin:2rem 0}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-item{background-color:#f0f0f0;border-radius:20px;color:#333;font-size:.9rem;padding:8px 16px}.screenshots{margin-bottom:40px}.screenshot-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.screenshot{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%}@media (max-width:768px){.project-info{grid-template-columns:1fr}.case-study-header h1{font-size:2rem}.screenshot-grid{grid-template-columns:1fr}}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}.head{text-transform:capitalize}
/*# sourceMappingURL=main.14a3e8f8.css.map*/