@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;border:none;outline:none;margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none}html{scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{color:#fff;font-size:14px}section{min-height:100vh;padding:70px 20px 20px}@media screen and (min-width:768px){section{padding:100px 9% 20px}}section:nth-of-type(2n){background-color:#323946}section:nth-of-type(odd){background-color:#1f242d}.heading{text-align:center;font-size:40px}*,:after,:before{box-sizing:border-box;border:0;margin:0;padding:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}address{font-style:normal}button{margin:0;padding:0;font-family:inherit}img{width:100%;height:auto}svg{stroke:inherit;stroke-width:inherit;fill:inherit}.container{box-sizing:border-box;width:100%;height:100%;margin:0 auto;padding:20px}@media screen and (min-width:768px){.container{width:768px;padding:0 30px}}@media screen and (min-width:1280px){.container{width:1280px}}@media screen and (min-width:1920px){.container{width:1920px}}.header{z-index:100;background-color:#1f242d;justify-content:space-between;align-items:center;width:100%;padding:15px 3%;display:flex;position:fixed;top:0;left:0}@media screen and (min-width:768px){.header{padding:15px 9%}}.header.sticky{border-bottom:.1rem solid #0003}.logo{color:#fff;cursor:pointer;font-size:2.5rem;font-weight:600}.nav-link{color:#fff;margin-left:4rem;padding:5px;font-size:1.7rem;transition:color .3s}.nav-link:hover,.nav-link.active{color:#0ef}#menu-icon{color:#fff;font-size:3.6rem;display:none}.hero{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}@media screen and (min-width:768px){.hero{flex-direction:row}.hero-content{max-width:60%}}.hero-title{font-size:34px;font-weight:700;line-height:1.3}@media screen and (min-width:768px){.hero-title{font-size:56px}}.hero-typed-text{font-size:22px;font-weight:700}@media screen and (min-width:768px){.hero-typed-text{font-size:26px}}.hero-content h3:nth-of-type(2){margin-bottom:2rem}.hero-img-box{text-align:center;flex-grow:1}.hero-img{width:60%;margin-top:25px;animation:4s ease-in-out infinite floatImage}@media screen and (min-width:768px){.hero-img{width:90%;margin:0}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}span{color:#0ef}.hero-content img{width:35vw}.hero-content p{font-size:1.6rem}.social-media{margin:20px 0}.social-media a{color:#0ef;background-color:#0000;border:.2rem solid #0ef;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2rem;transition:all .5s;display:inline-flex}.social-media a:not(:last-child){margin-right:15px}.social-media a:hover{color:#323946;background-color:#0ef;box-shadow:0 0 1rem #0ef}.btn{color:#323946;letter-spacing:.1rem;background-color:#0ef;border-radius:4rem;padding:1rem 2.8rem;font-size:1.6rem;font-weight:600;transition:all .5s;display:inline-block;box-shadow:0 0 1rem #0ef}.btn:hover{box-shadow:none}.about{flex-direction:column-reverse;justify-content:center;align-items:center;gap:18px;display:flex}@media screen and (min-width:768px){.about{flex-direction:row;gap:40px;display:flex}}.about-img-box{text-align:center;margin-top:30px}@media screen and (min-width:768px){.about-img-box{flex-grow:1;margin:0}}.about-img{width:60%}@media screen and (min-width:768px){.about-content{max-width:50%}}.about-title{font-size:40px}.about-subtitle{margin-bottom:15px;font-size:22px}.about-text{margin-bottom:25px}.about-read-more{opacity:0;pointer-events:none;margin:0;transition:opacity .5s,height 1s;overflow:hidden}.show-more-about{opacity:1}.show-more-about+.about-btn{margin-top:25px}.about-btn{cursor:pointer}.stack-title{margin-bottom:5rem}.stack-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.stack-item{text-align:center;background-color:#323946;border:.2rem solid #1f242d;border-radius:2rem;flex-basis:250px;padding:30px;transition:all .5s}.stack-item:hover{border-color:#0ef;transform:scale(1.02)}.stack-img{width:96px;height:96px}.stack-text{margin-top:20px;font-size:2.6rem}.portfolio-title{margin-bottom:40px}.portfolio-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.portfolio-item{cursor:pointer;border-radius:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 1rem #1f242d}.portfolio-img{width:400px;height:300px;transition:all .5s}.portfolio-item:hover .portfolio-img{transform:scale(1.1)}.portfolio-layer{text-align:center;background:linear-gradient(#0000004d,#0ef);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4rem;transition:all .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.portfolio-item:hover .portfolio-layer{transform:translateY(0)}.layer-title{margin-bottom:20px;font-size:3rem}.project-type{color:#fff;background-color:#e22828e6;border-radius:5px;padding:5px;font-size:14px;font-weight:600;position:absolute;top:15px;left:20px}.project-status{color:#fff;background-color:#323946e6;border-radius:5px;padding:5px;font-size:14px;font-weight:600;position:absolute;top:15px;right:20px}.project-status.done{background-color:#149c1d}.project-tech{font-size:16px;font-weight:500;position:absolute;bottom:20px}.layer-link-box{gap:20px;display:flex}.layer-link .bxl-github{color:#323946;font-size:32px}.layer-link{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;transition:all .5s;display:flex}.layer-link:hover{box-shadow:0 0 1rem #1f242d}.layer-link .bx-link-external{color:#323946;font-size:24px}.contact{min-height:90vh}.contact-title{margin-bottom:3rem}.form-wrapper{max-width:700px;margin:0 auto;position:relative}.form{text-align:center}.input-box{align-items:center;gap:20px;margin-bottom:20px;display:flex}.contact-input{color:#fff;background-color:#323946;border-radius:10px;width:100%;padding:1.5rem;font-size:1.6rem}.contact-textarea{resize:none}.contact form .btn{cursor:pointer;margin-top:15px}.is-hidden{white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.backdrop{background-color:#323946;border-radius:10px;width:100%;height:110%;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.icon-wrapper{background-color:#0000;position:absolute;top:20px;right:20px}.from-modal-text{letter-spacing:1.5px;text-align:center;font-size:24px;font-weight:500;line-height:1.6}@media screen and (min-width:768px){.from-modal-text{font-size:32px}}.form-icon-close{cursor:pointer;color:#fff;font-size:40px;transition:all .5s}.form-icon-close:hover{color:#0ef;filter:drop-shadow(0 0 2px #0ef)}.preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader__image{color:#0ef;width:70px;height:70px;animation:2s linear infinite preloader-rotate}@keyframes preloader-rotate{to{transform:rotate(360deg)}}.footer{background-color:#323946;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 3%;display:flex}@media screen and (min-width:768px){.footer{padding:20px 9%}}.footer-text p{font-size:13px}@media screen and (min-width:768px){.footer-text p{font-size:16px}}.footer-iconTop a{background-color:#0ef;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .5s;display:inline-flex}.footer-iconTop a:hover{box-shadow:0 0 10px #0ef}.footer-iconTop a i{color:#323946;font-size:24px}@media (max-width:991px){.stack,.portfolio{padding-bottom:7rem}}@media (max-width:768px){#menu-icon{display:block}.navbar{opacity:0;visibility:hidden;background-color:#1f242d;border-top:.1rem solid #0003;width:100%;padding:1rem 3%;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;box-shadow:0 .5rem 1rem #0003}.navbar.active{opacity:1;visibility:visible}.navbar a{margin:3rem 0;font-size:2rem;display:block}.stack h2,.portfolio h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:617px){.portfolio-container{grid-template-columns:1fr}}@media (max-width:450px){.contact form .input-box input{width:100%}}
/*# sourceMappingURL=index.f744974f.css.map */