@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.8);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--color-dark:rgba(0,0,0,.6);--color-dark-variant:rgba(0,0,0,.3);--container-lg-width:70%;--container-md-width:80%;--container-sm-width:90%;--container-xs-width:95%}html{scroll-behavior:smooth}body,html{overflow-x:hidden!important}body{background:#1f1f38;background:var(--color-bg);background-image:url(/static/media/bg-texture-2.32d2e19de259244d5c91.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:#4db5ff;color:var(--color-primary);cursor:pointer;font-size:1.2rem}a:hover{color:rgba(77,181,255,.8);color:var(--color-primary-variant)}.app{margin:0 auto;overflow-x:hidden!important;padding-bottom:4rem;width:70%;width:var(--container-lg-width)}::-webkit-scrollbar{display:none}.btn-container.right{align-items:center;display:flex;justify-content:flex-end}.btn-container.center{align-items:center;display:flex;justify-content:center}.btn{background:transparent;border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.5rem;color:rgba(77,181,255,.8);color:var(--color-primary-variant);cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.4rem;transition:all .4s ease}.btn-sm{padding:.4rem 1.4rem}.btn-primary,.btn:hover{background:rgba(77,181,255,.8);background:var(--color-primary-variant);color:#1f1f38;color:var(--color-bg)}.title-h5{color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:.7rem}.title-h2{color:#4db5ff;color:var(--color-primary);font-size:1.6rem}.feature{align-items:baseline;-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:flex-start}.feature svg{fill:#4db5ff;fill:var(--color-primary);height:1.2rem;width:1.2rem}.feature-inner h2{color:#fff;color:var(--color-white);font-size:1.1rem}.feature-inner p{color:hsla(0,0%,100%,.6);color:var(--color-light);font-size:.6rem}@media screen and (max-width:1024px){html{font-size:15px}.app{width:80%;width:var(--container-md-width)}}@media screen and (max-width:992px){html{font-size:14px}.app{width:80%;width:var(--container-md-width)}}@media screen and (max-width:768px){.app{width:90%;width:var(--container-sm-width)}}@media screen and (max-width:576px){html{font-size:13x}.app{width:95%;width:var(--container-xs-width)}}@media screen and (max-width:480px){html{font-size:12px}.app{width:95%;width:var(--container-xs-width)}}#about{margin-top:2rem;padding:4rem 0}.title{flex-direction:column}.about-content,.title{align-items:center;display:flex;justify-content:center}.about-content{-webkit-column-gap:1rem;column-gap:1rem;padding:2rem 0}.about-image{align-items:center;background:linear-gradient(to bottom,var(--color-primary),var(--color-bg-variant));border-radius:5%;display:flex;height:24rem;justify-content:center;width:50%}.about-image img{height:20rem}.about-container{border-radius:5%;padding:1rem;width:100%}.content-container{-webkit-column-gap:1rem;column-gap:1rem}.content-box,.content-container{align-items:center;display:flex;justify-content:center}.content-box{background-color:var(--color-bg-variant);border-radius:5%;flex-direction:column;height:12rem;padding:1rem 2rem;text-align:center;width:50%}.content-box svg{color:var(--color-primary);height:1.4rem;margin-bottom:1rem;width:1.4rem}.content-box h3{color:var(--color-white);font-size:1.2rem;font-weight:600}.content-box p{color:var(--color-light);font-size:.8rem;font-weight:300;margin-top:.5rem}.about-content .text{color:var(--color-light);font-size:.9rem;font-weight:400;margin:2rem 0}@media screen and (max-width:992px){#about{padding:2rem 0}.about-content{flex-direction:column}.about-image{height:auto}.about-image img{height:16rem}.content-container{margin:2rem 0}.content-box{height:9rem}.content-box h3{font-size:1rem}.content-box p{font-size:.9rem}.about-content .text{font-size:1.3rem}}@media screen and (max-width:768px){#about{padding:1.8rem 0}.about-content{flex-direction:column}.about-image{height:auto}.about-image img{height:14rem}.content-container{margin:1.7rem 0}.content-box{width:100%}.content-box h3{font-size:.9rem}.content-box p{font-size:.8rem}.about-content .text{font-size:.7rem}.content-container{flex-wrap:wrap;margin:1.5rem 0;row-gap:1rem}.content-box h3{font-size:1rem}.content-box p{font-size:.9rem}.about-content .text{font-size:1.2rem}}@media screen and (max-width:576px){#about{padding:1.5rem 0}.about-content{flex-direction:column}.about-image{height:auto}.about-image img{height:12rem}.about-content .text{font-size:1rem}}#contact{padding:2rem 0}.contact-container{-webkit-column-gap:6rem;column-gap:6rem;display:flex;justify-content:space-between;margin-top:2rem}.contact-box-container{flex-shrink:0;text-align:center;width:25%}.contact-box{background-color:var(--color-bg-variant);border-radius:.5rem;box-shadow:0 0 .5rem rgba(0,0,0,.1);margin-bottom:1rem;padding:1.4rem .8rem}.contact-box svg{fill:var(--color-white);height:1.8rem;width:1.8rem}.contact-box-title{color:var(--color-white);font-size:1rem;font-weight:700}.contact-box-text{color:var(--color-light);font-size:.8rem;margin:.5rem 0}.contact-box-link{font-size:.9rem}.contact-form{display:flex;flex-direction:column;width:75%}.contact-form .form-group{margin-bottom:1rem}.contact-form .form-group input,.contact-form .form-group textarea{background:transparent;border:1px solid var(--color-primary-variant);border-radius:.2rem;color:var(--color-white);font-size:.9rem;outline:none;padding:1.2rem;resize:none;width:100%}.contact-form .form-group textarea{height:18rem}@media screen and (max-width:992px){.contact-container{-webkit-column-gap:3rem;column-gap:3rem}.contact-box-container{width:50%}.contact-form{width:100%}}@media screen and (max-width:768px){.contact-container{-webkit-column-gap:2rem;column-gap:2rem;flex-direction:column}.contact-box-container,.contact-form{width:100%}}#experience{padding:4rem 0}.experience-container{-webkit-column-gap:1rem;column-gap:1rem;justify-content:space-around}.experience-container,.experience-item{align-items:center;display:flex;padding:2rem 0}.experience-item{background-color:var(--color-bg-variant);border-radius:1rem;cursor:pointer;flex-direction:column;justify-content:center;row-gap:2rem;text-align:center;transition:all .4s ease;width:50%}.experience-item:hover{background-color:var(--color-bg)}.experience-title{color:var(--color-primary);font-size:1.4rem;font-weight:700}.experience-item-container{grid-row-gap:3rem;display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));padding:1rem 0;row-gap:3rem}@media screen and (max-width:1440px){.experience-item{width:calc(50% - 1rem)}.experience-item-container{grid-template-columns:repeat(3,minmax(150px,1fr));row-gap:.9rem;text-align:center}}@media screen and (max-width:1024px){.experience-container{flex-direction:column;row-gap:1rem}.experience-item-container{grid-template-columns:repeat(3,minmax(200px,1fr));row-gap:.9rem}.experience-item{padding:1rem 0;width:100%}}@media screen and (max-width:768px){.experience-item-container{grid-template-columns:repeat(2,minmax(200px,1fr));row-gap:.9rem}}@media screen and (max-width:576px){.experience-item-container{grid-template-columns:repeat(2,minmax(70%,1fr));row-gap:.9rem}}#footer{background-color:var(--color-primary);padding:4rem 0 6rem;text-align:center}.logo{font-size:2rem;margin:2rem 0}.menu ul{align-items:center;-webkit-column-gap:4rem;column-gap:4rem;display:flex;justify-content:center}.menu a{color:var(--color-dark);font-size:1rem;text-decoration:none;transition:all .4s ease}.menu a:hover{color:var(--color-bg)}#footer .description{color:#000;font-size:.8rem}#footer .social-media{-webkit-column-gap:1rem;column-gap:1rem;margin:2rem 0}#footer .social-media,#footer .social-media a{align-items:center;display:flex;justify-content:center}#footer .social-media a{fill:var(--color-white);background-color:#000;border-radius:50%;color:#fff;font-size:1.5rem;padding:.7rem;transition:all .4s ease}#footer .social-media a:hover{background-color:var(--color-bg-variant)}@media screen and (max-width:992px){.menu ul{-webkit-column-gap:2rem;column-gap:2rem}}@media screen and (max-width:768px){.menu ul{flex-wrap:wrap;row-gap:1rem}}.header{height:100vh;justify-content:space-between;padding:2rem 0;position:relative;text-align:center}.header,.header-header{align-items:center;display:flex;flex-direction:column;width:100%}.header-header{gap:3rem;height:100%;justify-content:center}.header-title h1{color:var(--color-white);font-size:2.5rem;margin:.4rem 0}.header-title h5{color:var(--color-white);font-size:1.3rem}.header-title small{color:var(--color-light);font-size:.9rem}.header-buttons{-webkit-column-gap:1rem;column-gap:1rem;display:flex}.header-socials{align-items:center;bottom:5%;display:flex;flex-direction:column;gap:.4rem;justify-content:center;left:0;position:absolute}.header-socials:after{background:var(--color-primary);content:"";display:block;height:2rem;transition:all .4s ease;width:1px}.scroll-down{align-items:center;-webkit-animation:scroll-down .7s ease-in-out infinite;animation:scroll-down .7s ease-in-out infinite;bottom:9%;color:var(--color-primary);-webkit-column-gap:.2rem;column-gap:.2rem;display:flex;font-size:1rem;justify-content:center;position:absolute;right:0;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.scroll-down svg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.image-area{align-items:flex-end;background-image:linear-gradient(to bottom,var(--color-primary),var(--color-bg-variant));border-radius:100% 100% 0 0;display:flex;height:100%;justify-content:center;padding:1rem;width:100%}.image-area img{border-radius:50%;height:20rem;object-fit:cover;width:20rem}@-webkit-keyframes scroll-down{0%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}50%{-webkit-transform:translateY(.5rem) rotate(90deg);transform:translateY(.5rem) rotate(90deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes scroll-down{0%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}50%{-webkit-transform:translateY(.5rem) rotate(90deg);transform:translateY(.5rem) rotate(90deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@media screen and (max-width:992px){.header{padding:2rem 0}.header-header{gap:1rem}.header-title h1{font-size:2rem}.header-title h5{font-size:1rem}.header-title small{font-size:.8rem}.header-buttons{-webkit-column-gap:.5rem;column-gap:.5rem}.header-socials{bottom:5%;left:0}.header-socials:after{height:1rem}.scroll-down{bottom:5%;right:0}.image-area{padding:1rem 2rem}.image-area img{height:15rem;width:15rem}}@media screen and (max-width:768px){.header{padding:2rem 0}.header-header{gap:1rem}.header-title h1{font-size:2rem}.header-title h5{font-size:1rem}.header-title small{font-size:.8rem}.header-buttons{-webkit-column-gap:.5rem;column-gap:.5rem}.header-socials{bottom:5%;left:0}.header-socials:after{height:1rem}.scroll-down{bottom:10%;right:-6%}.image-area{padding:1rem 2rem}.image-area img{height:15rem;width:15rem}}@media screen and (max-width:576px){.header{justify-content:center;padding:2rem 0;row-gap:1.4rem}.header-header{gap:1rem;height:-webkit-max-content;height:max-content}.header-title h1{font-size:2rem}.header-title h5{font-size:1rem}.header-title small{font-size:.8rem}.header-buttons{-webkit-column-gap:.5rem;column-gap:.5rem}.header-socials{bottom:15%;left:0}.header-socials:after{height:1rem}.scroll-down{bottom:20%;right:-8%}.image-area{padding:1rem 2rem}.image-area img{height:15rem;width:15rem}}@media screen and (max-width:375px){.header{justify-content:center;padding:1rem 0;row-gap:4.5rem}.header-header{gap:.8rem;height:-webkit-max-content;height:max-content}.header-title h1{font-size:1.2rem}.header-title h5{font-size:1rem}.header-title small{font-size:.8rem}.header-buttons{-webkit-column-gap:.5rem;column-gap:.5rem}.header-socials{bottom:15%;left:0}.header-socials:after{height:1rem}.scroll-down{bottom:20%;right:-10%}.image-area{padding:.1rem .2rem}.image-area img{height:10rem;width:10rem}}.navbar{background-color:rgba(0,0,0,.75);border-radius:1.4rem;bottom:1%;box-shadow:0 0 10px 0 rgba(0,0,0,.75);left:50%;padding:.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:99}.navbar ul{align-items:center;display:flex;justify-content:center}.navbar ul li{list-style:none;margin:0 1rem}.navbar ul li a{align-items:center;border-radius:100%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;padding:.8rem;text-decoration:none}.navbar ul li a.active{background-color:hsla(0,0%,100%,.1);position:relative}.navbar ul li a.active:after{background-color:#fff;bottom:-2px;content:"";height:1px;position:absolute;width:.6rem}@media screen and (max-width:1024px){.navbar ul li a{font-size:1.4rem;padding:.7rem}}@media screen and (max-width:992px){.navbar{bottom:0;left:0;position:fixed;-webkit-transform:translateX(0);transform:translateX(0);width:50%!important;z-index:99}.navbar ul li a{font-size:1rem;padding:.5rem}}@media screen and (max-width:768px){.navbar{bottom:0;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:99}.navbar ul li a{font-size:1rem;padding:.5rem}}@media screen and (max-width:576px){.navbar{bottom:0;left:0;position:fixed;-webkit-transform:translateX(0);transform:translateX(0);width:100%!important;z-index:99}.navbar ul li a{font-size:1rem;padding:.5rem}}@media screen and (max-width:480px){.navbar{bottom:2%;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%!important;z-index:99}.navbar ul li a{font-size:1rem;padding:.5rem}}#portfolio{padding:4rem 0}.works-container{-webkit-column-gap:1rem;column-gap:1rem;flex-wrap:wrap;justify-content:flex-start;margin-top:2rem}.work-item,.works-container{align-items:center;display:flex;row-gap:1rem}.work-item{background-color:var(--color-bg);border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);cursor:pointer;flex-direction:column;height:26rem;justify-content:space-between;padding:1rem 1.2rem 2rem;text-align:center;transition:all .4s ease;width:calc(33.3333% - 1rem)}.work-item:hover{background-color:var(--color-dark)}.work-img{background-color:hsla(0,0%,100%,.1);border-radius:1rem;padding:2rem;width:100%}.work-img img{height:100%;object-fit:cover;width:100%}.work-info{align-items:center;display:flex;flex-direction:column;justify-content:space-between;row-gap:1.4rem}.work-info h3{color:var(--color-white);font-size:1.1rem;font-weight:600}.work-info p a{display:inline-block;font-size:1rem;margin:0 .4rem}@media screen and (max-width:1024px){#portfolio{padding:2rem 0}.work-item{width:calc(50% - 1rem)}.work-info h3{font-size:1rem}}@media screen and (max-width:768px){#portfolio{padding:2rem 0}.work-item{width:calc(100% - 1rem)}.work-info h3{font-size:.9rem}}@media screen and (max-width:576px){#portfolio{padding:1rem 0}.work-item{height:-webkit-max-content;height:max-content}.work-info h3{font-size:.8rem}}
/*# sourceMappingURL=main.fdd430b4.css.map*/