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}.flex{display:flex}.flex>.full{flex:1 1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.align-center{align-items:center}.flex.space-between{justify-content:space-between}.blue-h4{color:#147efb;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}@media(max-width:808px){.blue-h4{text-align:center}}.grey-h3{color:#2d2e32;font-size:1.5625rem;line-height:1.5;margin-bottom:.9375rem}@media(max-width:808px){.grey-h3{text-align:center}}html{scroll-behavior:smooth}*{box-sizing:border-box;scrollbar-color:#8e8e8e #fff;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fff;border-radius:20px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#8e8e8e;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#878787}::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}body{font-family:Poppins}h1,h2,h3,h4,h5{margin:0}img{height:auto;object-fit:cover;width:100%}button{cursor:pointer}a{color:inherit;text-decoration:none}li{list-style:none}ul{margin:0;padding:0}.nav-container{position:relative}.nav-container nav{align-items:center;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.09);color:#2d2e32;display:flex;font-size:1.0625rem;height:auto;justify-content:space-between;left:0;padding:25px 40px 25px 50px;position:fixed;top:0;width:100%;z-index:200}@media(max-width:808px){.nav-container nav{font-size:1.375rem;padding:32px 40px 32px 50px}}@media(max-width:500px){.nav-container nav{font-size:.9375rem;padding:25px 30px 25px 40px}}.nav-container nav h3{font-weight:700}@media(max-width:500px){.nav-container nav h3{font-size:1.25rem}}.nav-container nav .cancel,.nav-container nav .hamburger{cursor:pointer;display:none;font-size:1.875rem}@media(max-width:808px){.nav-container nav .cancel,.nav-container nav .hamburger{display:block}}@media(max-width:500px){.nav-container nav .cancel,.nav-container nav .hamburger{font-size:1.375rem}}.nav-container nav ul{display:flex;gap:1.25rem;transition:all .9s}@media(max-width:808px){.nav-container nav ul{display:none}}.nav-container nav ul li{font-weight:600;transition:all .2s}.nav-container nav ul li:hover{color:#1488fb}.hero-section{background-color:#f9f9f9;height:100vh}@media(max-width:808px){.hero-section{height:auto;padding:130px 0 60px}}@media(max-width:500px){.hero-section{padding:85px 0 20px}}.hero-section .hero-container{margin:0 auto;max-width:59.375rem}.hero-section .hero-container h1{color:#2d2e32;font-size:3.4375rem;line-height:1.2}.hero-section .hero-container .content{display:flex;flex-direction:column;gap:4.25rem;height:60.625rem;justify-content:center}@media(max-width:808px){.hero-section .hero-container .content{gap:0}}.hero-section .hero-container .content .hero-main{align-items:center;display:flex;justify-content:space-between;position:relative}@media(max-width:808px){.hero-section .hero-container .content .hero-main{flex-direction:column-reverse;gap:2.5rem;text-align:center}}.hero-section .hero-container .content .hero-main .hero-img{-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;background-image:url(/static/media/portfolio-img2.27d621f1d5a38b872953.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:22rem;position:relative;transition:all 1s ease-in-out;width:23rem}@media(max-width:500px){.hero-section .hero-container .content .hero-main .hero-img{height:18rem;width:18rem}}.hero-section .hero-container .content .hero-info{position:relative;width:31.25rem}@media(max-width:500px){.hero-section .hero-container .content .hero-info{width:20.9375rem}.hero-section .hero-container .content .hero-info h1{font-size:2.4375rem}}.hero-section .hero-container .content .hero-info p{color:#82848f;font-family:Mulish,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.6}@media(max-width:808px){.hero-section .hero-container .content .hero-info p{color:#2d2e32}}.hero-section .hero-container .content .hero-info .socials{display:flex;gap:.75rem;margin:1.64rem 0}.hero-section .hero-container .content .hero-info .socials a{color:#2d2e32;font-size:1.875rem}@media(max-width:808px){.hero-section .hero-container .content .hero-info .socials{gap:.9375rem;justify-content:center}}.hero-section .hero-container .content .hero-info img{position:absolute;right:8.125rem;top:4.375rem;width:3.4375rem}@media(max-width:808px){.hero-section .hero-container .content .hero-info img{right:1.875rem}}@media(max-width:500px){.hero-section .hero-container .content .hero-info img{display:none}}.skills{align-items:center;align-self:baseline;display:flex}@media(max-width:808px){.skills{align-items:center;flex-direction:column;justify-content:center;margin:20px auto}}.skills p{border-right:2px solid rgba(45,46,50,.5);color:#2d2e32;font-family:Mulish,sans-serif;font-size:1.125rem;font-weight:700;height:1.3125rem;margin-right:4rem;padding-right:1.2rem}@media(max-width:808px){.skills p{border-bottom:2px solid rgba(45,46,50,.5);border-right:none;margin-bottom:2.5rem;margin-right:0;padding-bottom:1.875rem;padding-right:0}}.skills ul{display:flex;flex-wrap:wrap;gap:1.25rem}@media(max-width:500px){.skills ul{justify-content:center}}.skills ul li{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.09);display:flex;height:4.375rem;justify-content:center;width:4.375rem}@media(max-width:500px){.skills ul li{height:4rem;width:4rem}}.skills ul li img{height:auto;width:2.1875rem}@media(max-width:500px){.skills ul li img{width:2rem}}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.about-section{padding:5rem 0}.about-section .about-container{margin:0 auto;max-width:59.375rem}.about-section .about-container .about-content{display:flex;gap:5rem}@media(max-width:808px){.about-section .about-container .about-content{align-items:center;flex-direction:column;gap:3.125rem}}.about-section .about-container .about-content .about-img{position:relative;width:47%}@media(max-width:808px){.about-section .about-container .about-content .about-img{width:55%}}@media(max-width:500px){.about-section .about-container .about-content .about-img{width:80%}}.about-section .about-container .about-content .about-img .laptop-img{border-radius:18px;height:100%}@media(max-width:808px){.about-section .about-container .about-content .about-img .laptop-img{height:20rem}}@media(max-width:500px){.about-section .about-container .about-content .about-img .laptop-img{height:12.5rem}}.about-section .about-container .about-content .about-img .work-emoji{bottom:35px;position:absolute;right:15px;width:3.9rem;z-index:10}@media(max-width:808px){.about-section .about-container .about-content .about-img .work-emoji{bottom:26px;right:5px;width:3.2rem}}@media(max-width:500px){.about-section .about-container .about-content .about-img .work-emoji{display:none}}.about-section .about-container .about-content .about-img span{background-color:#fff;border-radius:50%;bottom:-33px;height:12rem;position:absolute;right:-50px;width:12rem}@media(max-width:808px){.about-section .about-container .about-content .about-img span{height:10rem;width:10rem}}@media(max-width:500px){.about-section .about-container .about-content .about-img span{display:none}}.about-section .about-container .about-content .about-img span img{-webkit-animation:rotate 9s linear infinite;animation:rotate 9s linear infinite;height:auto;width:12rem}@media(max-width:808px){.about-section .about-container .about-content .about-img span img{width:10rem}}.about-section .about-container .about-content .about-info{width:55%}@media(max-width:808px){.about-section .about-container .about-content .about-info{text-align:center;width:66%}}@media(max-width:500px){.about-section .about-container .about-content .about-info{width:84%}}.about-section .about-container .about-content .about-info p{color:#82848f;margin:0}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.projects-section{background-color:#f9f9f9;padding:8rem 0}@media(max-width:500px){.projects-section{padding:5rem 0}}.projects-section .projects-container{margin:0 auto;max-width:59.375rem}.projects-section .projects-container .projects-content .grey-h3{margin-bottom:3.125rem}@media(max-width:500px){.projects-section .projects-container .projects-content .grey-h3{margin:auto auto 3.125rem;max-width:320px}}.projects-section .projects-container .projects-content .projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:100%}@media(max-width:808px){.projects-section .projects-container .projects-content .projects-grid{place-items:center}}.project-preview{background-color:#fff;border-radius:18px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;gap:5rem;height:25rem;padding:20px 35px 20px 20px}@media(max-width:808px){.project-preview{align-items:center;flex-direction:column;gap:3.125rem;height:46.875rem;justify-content:center;padding-right:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media(max-width:500px){.project-preview{gap:2.5rem}}.project-preview .pro-img{background-color:hsla(0,0%,46%,.2);border-radius:18px;box-shadow:0 0 10px rgba(0,0,0,.1);height:auto;overflow:hidden;width:33.125rem}@media(max-width:500px){.project-preview .pro-img{width:18.75rem}}.project-preview .pro-img img{transition:-webkit-transform 10s ease-in-out 0s;transition:transform 10s ease-in-out 0s;transition:transform 10s ease-in-out 0s,-webkit-transform 10s ease-in-out 0s}.project-preview .preview-h3{font-size:1.0625rem;margin:0!important}.project-preview .pro-text{display:flex;flex-direction:column;justify-content:center;text-align:center;width:18.125rem}@media(max-width:808px){.project-preview .pro-text{width:28.4375rem}}@media(max-width:500px){.project-preview .pro-text{width:18.75rem}}@media(max-width:808px){.project-preview .pro-text h3{font-size:1.25rem}}.project-preview .pro-text p{color:#767676;font-size:1.0625rem;font-weight:500;margin-bottom:.625rem}@media(max-width:808px){.project-preview .pro-text p{font-size:1.25rem}}@media(max-width:500px){.project-preview .pro-text p{font-size:1rem}}.project-preview .pro-text .stack{display:flex;flex-wrap:wrap;gap:.9375rem;justify-content:center;margin-top:.625rem}.project-preview .pro-text .stack p{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);color:#000;font-family:Mulish,sans-serif;font-size:1rem;font-weight:800;margin:0;padding:.7rem 1rem}@media(max-width:500px){.project-preview .pro-text .stack p{font-size:.875rem}}.project-preview .pro-text .links{display:flex;gap:1.5625rem;justify-content:space-evenly;margin-top:1.875rem}@media(max-width:808px){.project-preview .pro-text .links{justify-content:center}}@media(max-width:500px){.project-preview .pro-text .links{justify-content:space-evenly}}.project-preview .pro-text .links a{align-items:center;cursor:pointer;display:flex;font-size:1.0625rem;font-weight:500;gap:5px;transition:all .2s}.project-preview .pro-text .links a:hover{color:#1488fb}.project-preview .pro-text .links a i{font-size:1.3125rem}.reverse{flex-direction:row-reverse;padding-left:35px;padding-right:20px}@media(max-width:808px){.reverse{flex-direction:column}}@media(max-width:500px){.reverse{padding-left:20px}}.appsus-height{height:25rem}@media(max-width:808px){.appsus-height{height:46.875rem}}@media(max-width:500px){.appsus-height{height:39rem!important}}#contact{background-color:#fff;padding:5.7rem 0}@media(max-width:500px){#contact{padding:5rem 0 4rem}}#contact .contact-container{margin:0 auto;max-width:59.375rem}#contact .contact-container .contact-content{display:flex;flex-direction:column}#contact .contact-container .contact-content .contact-icons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem}@media(max-width:808px){#contact .contact-container .contact-content .contact-icons{justify-content:space-evenly}}@media(max-width:500px){#contact .contact-container .contact-content .contact-icons{flex-direction:column;gap:3.125rem}}#contact .contact-container .contact-content .contact-icons .contact-icon-box{gap:1rem}@media(max-width:808px){#contact .contact-container .contact-content .contact-icons .contact-icon-box{flex-direction:column}}#contact .contact-container .contact-content .contact-icons .contact-icon-box span{background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1.3rem}#contact .contact-container .contact-content .contact-icons .contact-icon-box span i{color:#147efb;font-size:2rem}#contact .contact-container .contact-content .contact-icons .contact-icon-box .contact-info{display:flex;flex-direction:column;gap:.3125rem}@media(max-width:808px){#contact .contact-container .contact-content .contact-icons .contact-icon-box .contact-info{align-items:center}}#contact .contact-container .contact-content .contact-icons .contact-icon-box .contact-info p{margin:0}#contact .contact-container .contact-content .contact-icons .contact-icon-box .contact-info h3{color:#2d2e32}#contact .contact-container .contact-content .contact-icons .contact-icon-box .phone{padding:1.3rem 1.5rem}.side-links{align-items:center;background-color:transparent;bottom:-32%;display:flex;flex-direction:column;height:18.75rem;left:3.4375rem;position:fixed;transition:all .5s ease-out;width:30px}@media(max-width:1064px){.side-links{bottom:-36%;display:none}}.side-links ul{align-items:center;display:flex;flex-direction:column;gap:1.625rem;margin-bottom:1.5625rem}.side-links ul li{cursor:pointer;transition:all .3s}.side-links ul li i{display:flex;font-size:1.5625rem;opacity:.75;transition:all .3s}.side-links ul li i:before{color:#2d2e32}.side-links ul li i:hover{opacity:1}.side-links .side-line{background-color:#2d2e32;height:100px;opacity:.75;width:2px}.links-up{bottom:-2%}.side-menu-container{left:0;position:fixed;top:100px;width:100%}@media(max-width:500px){.side-menu-container{top:80px}}.side-menu-container .side-menu{align-items:center;background-color:#2d2e32;display:flex;height:0;justify-content:center;opacity:.95;text-align:center;transition:all .5s;width:100%;z-index:2}.side-menu-container .side-menu ul{display:flex;display:none;flex-direction:column;gap:5px;opacity:0;width:100%}.side-menu-container .side-menu ul li{color:#fff;letter-spacing:1.8px;padding:10px}.add-height{height:15.3125rem!important}@media(max-width:500px){.add-height{height:13rem!important}}.show-list{opacity:1!important}
/*# sourceMappingURL=main.28bdedf2.css.map*/