html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;font-family:"Montserrat",sans-serif}.App{overflow-x:hidden}.about{background-color:#161616;display:flex;align-items:center;position:relative;padding:150px 50px}.about-text{color:#fff;font-size:1.2rem;width:100%;padding:50px}.about-text>h4:first-child{text-transform:uppercase;margin:10px 0;color:#989898}.about-text>h4:nth-child(3){margin-top:10px;color:#989898}.about-text h1{margin:10px 0;font-size:3em;font-family:"Englebert",sans-serif;color:#161616;text-shadow:-4.4px -4.4px 0 #fff,4.4px -4.4px 0 #fff,-4.4px 4.4px 0 #fff,4.4px 4.4px 0 #fff;line-height:2.5ch}.about-text p{text-indent:50px;text-align:justify;text-justify:inter-word;line-height:30px}.about-img{height:auto;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.about-img>img{position:absolute;width:100%;height:auto}.about-img>img:first-child{z-index:2}.about-img>img:nth-child(2){z-index:1}.about-img>img:nth-child(3){z-index:3}.about-img>img:nth-child(4){z-index:1}.about-img>img:nth-child(5){z-index:4}@media screen and (max-width:768px){.about{padding:20px}.about-text{font-size:1rem;padding:40px 30px}.about-text h1{margin:0;font-size:2.5em;text-shadow:-3.2px -3.2px 0 #fff,3.2px -3.2px 0 #fff,-3.2px 3.2px 0 #fff,3.2px 3.2px 0 #fff}.about-text>p{text-indent:20px;text-align:justify;font-size:.9rem;line-height:20px}.about-img{height:330px}.about-img>img{position:absolute;height:100%;width:auto}.about-img>img:nth-child(3){z-index:3;top:3px}.about-img>img:nth-child(4){z-index:1;top:3px}}@media screen and (max-width:576px){.about{flex-direction:column-reverse}.about-text{padding:30px 20px}}@media screen and (max-width:375px){.about-text{padding:0;text-align:start}.about-img img{padding:40px}.about-text>span{font-size:.7rem}.about-text h1{font-size:2em;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff}.about-text p{text-indent:15px;font-size:.8rem}}.contact{position:relative;background-color:#161616;display:flex;align-items:center;justify-content:space-around;padding:80px}.contact>.form-container{width:100%;height:auto;color:#fff;font-size:1.5rem;padding:0 60px}.form-container>span{text-transform:uppercase;color:#989898}.form-container>h1{margin:0;font-size:4rem;font-family:"Englebert",sans-serif;color:#161616;text-shadow:-4.4px -4.4px 0 #fff,4.4px -4.4px 0 #fff,-4.4px 4.4px 0 #fff,4.4px 4.4px 0 #fff;text-transform:uppercase;line-height:3.5ch}.form-container>p{margin-top:10px}.form-container>p a{color:#fff}.form-container>p a:hover{color:#d52d2d}.form-container>form>input{width:100%;display:block;height:50px;border-radius:5px;border:none;padding:.375rem .75rem;font-family:"Montserrat",sans-serif;font-size:1rem;margin-bottom:1.5rem;background-color:#ebebeb}.form-container>form>input:focus,.form-container>form>textarea{outline-color:#d52d2d;outline-width:4px}.form-container>form>textarea{width:100%;border-radius:5px;border:none;padding:1rem .75rem;font-family:"Montserrat",sans-serif;font-size:1rem;background-color:#ebebeb;resize:vertical}.contact>.social-container{width:100%;height:auto;padding:0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.social-container>img{max-width:100%;height:auto}.social-container .sent{position:absolute;width:auto;height:auto;top:-60px;left:-300px;transition:width .3s;-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}.social-container>h1{text-transform:uppercase;color:#fff;font-size:2rem;margin-bottom:0}.social-container>h3,.social-container>p{color:#a7a7a7;text-transform:uppercase;margin-top:10px}.social{display:flex}.social .icon a{width:50px;height:50px;margin-right:10px;border-radius:50%;display:flex;justify-content:center;align-items:center}.social .icon #icon{fill:#fff;width:40px;height:40px;z-index:2;margin-right:5px;cursor:pointer}.social .icon:nth-child(4) #icon{width:45px;height:45px}.social .icon a svg:hover>path{fill:#d52d2d}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(40%) rotate(2deg);transform:scale(40%) rotate(2deg);opacity:0}to{-webkit-transform:scale(100%) rotate(0deg);transform:scale(100%) rotate(0deg);opacity:1}}@keyframes fadeIn{0%{-webkit-transform:scale(40%) rotate(2deg);transform:scale(40%) rotate(2deg);opacity:0}to{-webkit-transform:scale(100%) rotate(0deg);transform:scale(100%) rotate(0deg);opacity:1}}@media screen and (max-width:768px){.contact{padding:30px;flex-direction:column}.contact>.form-container{font-size:1rem;padding:20px 10px}.form-container>h1{font-size:2.5em;text-shadow:-3.2px -3.2px 0 #fff,3.2px -3.2px 0 #fff,-3.2px 3.2px 0 #fff,3.2px 3.2px 0 #fff}.form-container>p{font-size:14px;line-height:20px;color:#989898;font-weight:600}.form-container>form>input{height:50px;border-radius:5px;padding:.375rem 1rem;font-size:13px;margin-bottom:1rem}.form-container>form>textarea{border-radius:5px;padding:.8rem 1rem;font-size:13px}.form-container>form a .btn{width:100%;font-size:14px;border-radius:5px;text-transform:uppercase;font-weight:400;margin-top:20px}.contact>.social-container{padding:25px;height:100%}.social-container>h1{font-size:1.2rem}.social-container>h3,.social-container>p{font-size:14px;margin-top:5px}.social-container>.social>img{margin-right:10px;width:50px}.social-container .sent{-webkit-transform:scaleX(1) rotate(38deg);transform:scaleX(1) rotate(38deg);left:-90px;top:-130px}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(40%) rotate(38deg);transform:scale(40%) rotate(38deg);opacity:0}to{-webkit-transform:scale(100%) rotate(38deg);transform:scale(100%) rotate(38deg);opacity:1}}@keyframes fadeIn{0%{-webkit-transform:scale(40%) rotate(38deg);transform:scale(40%) rotate(38deg);opacity:0}to{-webkit-transform:scale(100%) rotate(38deg);transform:scale(100%) rotate(38deg);opacity:1}}}@media screen and (max-width:576px){.contact{flex-direction:column}.contact>.social-container{padding:25px 10px}.social-container .sent{-webkit-transform:scaleX(1) rotate(38deg);transform:scaleX(1) rotate(38deg);left:-150px;top:-170px}}@media screen and (max-width:468px){.social-container .sent{left:-120px;top:-140px}}@media screen and (max-width:320px){.contact{padding:10px}.form-container>form>input{height:35px}.form-container>form>input,.form-container>form>textarea{font-size:10px;padding:.8rem}.social-container .sent{left:-100px;top:-80px}.social .icon #icon{width:30px;height:30px}.social .icon:nth-child(4) #icon{width:35px;height:35px}.form-container>form a .btn{font-size:12px}}a{text-decoration:none}.btn{width:200px;height:45px;background-color:#2d2d2d;color:#fff;font-family:"Montserrat";border-radius:5px;border:none;font-size:1rem;font-weight:700;box-shadow:1px 4px 15px #090909;margin-top:40px;margin-right:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.btn:hover{color:#ebebeb;background-color:#181818}.btn>span{margin-right:10px;font-size:1.6rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1074px){.btn{width:140px;height:37px;font-size:12px;font-weight:400;margin-top:30px}.btn span{font-size:1.3rem}}@media screen and (max-width:483px){.btn{width:140px;height:37px;font-size:12px;font-weight:400}.btn span{font-size:1.3rem}}@media screen and (max-width:320px){.btn{width:110px;height:30px;font-size:10px;font-weight:400}.btn span{font-size:.8rem}}.footer{color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:70px;background-color:#161616;border-top:1px solid #000}.footer>p{margin:0}@media screen and (max-width:480px){.footer{height:40px;font-size:14px}}.navbar{position:absolute;z-index:99;width:100%;justify-content:space-between;padding:1rem 2rem}.navbar,.navbar ul{display:flex;align-items:center}.navbar ul{list-style:none;margin:0;padding:0}.logo,.navbar li{padding:1.5rem}.logo svg{cursor:pointer}.logo svg:hover path{fill:#d52d2d}.navbar li a{text-decoration:none;color:#161616;display:block;font-weight:700;text-transform:uppercase}.navbar li a:hover{color:#d52d2d}.navbar li:last-child a{color:#fff;padding:.7rem 2rem;background-color:#161616;transition:background-color .2s;border-radius:2px}.menu-icon{position:absolute;top:3rem;right:4rem;display:none}.navbar li:last-child a:hover{background-color:#d52d2d}@media screen and (max-width:768px){.menu-icon{display:block;top:1rem;right:2rem}.logo{padding:.5rem}.logo svg{width:47px;height:29px}#alogo,#jlogo{fill:#fff}.navbar{flex-direction:column;align-items:flex-start;background-color:#161616;color:#fff;padding:.5rem 1.5rem;font-size:12px}.navbar li{padding:1rem;font-size:13px}.navbar li:last-child a{padding:.7rem 2rem;border:2px solid}.navmenu{width:100%;flex-direction:column;display:none!important}.navmenu.active{display:flex!important}.navbar li a{color:#fff;text-align:center}.navbar li:last-child{background-position:none!important}}@media screen and (max-width:375px){.navbar{padding:.2rem .8rem}.logo svg{width:30px}.menu-icon{top:.9rem}.menu-icon svg{height:25px}}.hero{width:100%;position:relative;height:100vh;display:flex;justify-content:center;align-items:center}.hero-title{font-family:"Englebert",sans-serif;margin-bottom:50px}.hero-title>h1{text-transform:uppercase;font-weight:400;margin:0;font-size:120px;line-height:3cm}.hero-title h1 span:last-child,.hero-title h1 span:nth-child(2){display:block;text-align:end;margin-left:70px}.hero-title h1 span:first-child,.hero-title h1 span:last-child{font-size:40px;text-transform:none;display:block;line-height:2ch}.hero-title h1 span:first-child{line-height:3.5ch}.hero img{position:absolute;bottom:0;left:0;width:100%;height:auto}.hero #light1{-webkit-animation:light 4s linear infinite;animation:light 4s linear infinite;opacity:1}.hero #light2{-webkit-animation:light2 4s linear infinite;animation:light2 4s linear infinite;opacity:1}@-webkit-keyframes light{0%{opacity:0}20%{opacity:0}21%{opacity:1}25%{opacity:0}30%{opacity:0}31%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes light{0%{opacity:0}20%{opacity:0}21%{opacity:1}25%{opacity:0}30%{opacity:0}31%{opacity:1}35%{opacity:0}to{opacity:0}}@-webkit-keyframes light2{0%{opacity:0}20%{opacity:0}21%{opacity:0}25%{opacity:1}30%{opacity:0}31%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes light2{0%{opacity:0}20%{opacity:0}21%{opacity:0}25%{opacity:1}30%{opacity:0}31%{opacity:1}35%{opacity:0}to{opacity:0}}@media screen and (max-width:768px){.hero img{width:1450px;left:0;bottom:0}.hero-title>h1{font-size:100px;line-height:2.5cm}.hero-title h1 span:last-child,.hero-title h1 span:nth-child(2){margin-left:70px}.hero-title h1 span:first-child,.hero-title h1 span:last-child{font-size:35px}}@media screen and (max-width:576px){.hero{height:calc(100vh - 64px)}.hero-title{margin-bottom:30px}.hero-title>h1{font-size:80px;line-height:2.2cm}.hero-title h1 span:last-child,.hero-title h1 span:nth-child(2){margin-left:70px}.hero-title h1 span:first-child,.hero-title h1 span:last-child{font-size:25px}.hero img{width:1020px;left:0;bottom:0}}@media screen and (max-width:360px){.hero-title{margin-bottom:30px}.hero-title>h1{font-size:60px;line-height:1.5cm}.hero-title h1 span:last-child,.hero-title h1 span:nth-child(2){margin-left:70px}.hero-title h1 span:first-child,.hero-title h1 span:last-child{font-size:20px}}.card{background-color:#2d2d2d;width:130px;color:#fff;margin:20px 10px;border-radius:5px;text-align:center}.card img{width:80px;margin-top:35px}.skill{background-color:#161616;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 100px}.skill-text{text-align:center;color:#fff;font-size:1.5rem}.skill-text h4{text-transform:uppercase;color:#989898;margin:10px 0}.skill-text>h1{margin:0;font-size:3em;font-family:"Englebert",sans-serif;color:#161616;text-shadow:-4.4px -4.4px 0 #fff,4.4px -4.4px 0 #fff,-4.4px 4.4px 0 #fff,4.4px 4.4px 0 #fff;text-transform:uppercase;line-height:3ch}.skill-text>p{width:75%;margin:24px auto}.card-container{margin:0 auto;padding:50px 100px;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.card-container>.left-arrow,.card-container>.right-arrow{font-size:4rem;position:absolute}.card-container>.right-arrow{right:0;top:50%}.card-container>.left-arrow{top:50%;left:0}@media screen and (max-width:1074px){.card-container{height:auto;padding:50px 0}.card{width:120px;margin:10px;height:auto}.card img{width:70px}}@media screen and (max-width:768px){.skill{padding:40px 0}.skill-text{font-size:1rem}.skill-text>h1{font-size:2.5em;text-shadow:-3.3px -3.3px 0 #fff,3.3px -3.3px 0 #fff,-3.3px 3.3px 0 #fff,3.3px 3.3px 0 #fff}.skill-text>p{margin:15px auto;padding:0 25px;font-size:.8rem;line-height:20px}.card-container{height:auto;padding:20px}.card{width:100px;margin:10px;height:auto}.card p{font-size:15px}.card img{width:50px}}@media screen and (max-width:576px){.skill{padding:20px 0}.skill-text>p{margin:24px auto;padding:0 25px;width:100%;font-size:.8rem;line-height:20px}.card-container{height:auto;padding:0 10px}.card{width:80px;margin:10px;height:auto}.card p{font-size:12px}.card img{width:40px}}@media screen and (max-width:320px){.card{width:50px;margin:5px}.card p{font-size:8px;margin-bottom:15px}.card img{width:30px;margin-top:15px}}.work{position:relative;background-color:#161616;display:flex;align-items:center}.work:nth-child(2n){flex-direction:row-reverse;padding:100px 0 100px 50px}.work:nth-child(odd){padding:100px 50px 100px 0}.img-container{display:flex;align-items:center;justify-content:center;width:100%;height:auto;position:relative}.work:nth-child(2n)>.img-container svg,.work:nth-child(odd)>.img-container svg{font:700 92px "Montserrat";fill:#fff;z-index:2;-webkit-filter:drop-shadow(0 4px 2px #000);filter:drop-shadow(0 4px 2px #000000)}.work:nth-child(2n)>.img-container svg text{-webkit-transform:translateX(-60%);transform:translateX(-60%)}.img-container svg>text{fill:#000;stroke:#000;stroke-width:.1px;z-index:2}.img-container svg>.svgStroke{fill:#fff;stroke:#fff;stroke-width:16px;opacity:.3;z-index:2}.work:nth-child(2n)>.img-container>img{max-width:120%;height:auto;position:absolute;left:0;z-index:1}.work:nth-child(odd)>.img-container>img{max-width:120%;height:auto;position:absolute;left:-150px;z-index:1}.text-container{font-size:1.2em;width:100%;color:#fff;padding:50px;position:relative}.text-container>span{text-transform:uppercase;color:#989898}.text-container h1{margin:0;font-size:3em;font-family:"Englebert",sans-serif;color:#161616;text-shadow:4px 4px 0 #fff,-4px -4px 0 #fff,4px -4px 0 #fff,-4px 4px 0 #fff,4px 4px 0 #fff;line-height:2.5ch}.text-container h1 span{display:block}.text-container h3{text-transform:uppercase;margin:10px 0;color:#989898}.text-container>p:nth-child(3){text-indent:80px;text-align:justify;text-justify:inter-word}.text-container>code{display:block;margin-bottom:20px;color:#989898}.text-container>img{opacity:.5;color:#989898;margin-right:20px}.text-container>.icon-container{display:flex}.icon-container>.tooltip{margin-right:20px;position:relative}.tooltip>.tooltip-icon{visibility:hidden;width:120px;background-color:#d52d2d;color:#fff;text-align:center;border-radius:3px;padding:5px 0;font-size:.8rem;position:absolute;z-index:1;bottom:120%;left:50%;margin-left:-60px;opacity:0;transition:opacity .2s ease-in-out}.tooltip:hover .tooltip-icon{visibility:visible;opacity:1}.tooltip .tooltip-icon:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#d52d2d}.text-container .btn-container{display:flex}@media screen and (max-width:1074px){.text-container h1{font-size:2.5rem}}@media screen and (max-width:768px){.text-container>.btn{margin-top:20px;width:140px;height:35px;font-size:12px}.text-container>.btn>span{margin-right:5px}.text-container>.btn>span>svg{width:30px;height:20px}.text-container{font-size:1rem;margin:0;padding:40px}.text-container>h1{margin:0;font-size:2.5em;text-shadow:-3.2px -3.2px 0 #fff,3.2px -3.2px 0 #fff,-3.2px 3.2px 0 #fff,3.2px 3.2px 0 #fff}.text-container>p:nth-child(3){text-indent:20px;text-align:justify;font-size:.9rem;line-height:20px}.text-container>code{text-align:start;margin-bottom:10px}.text-container>.icon-container{display:flex}.icon-container>.tooltip{margin-right:10px}.icon-container>.tooltip>img{width:30px}.work:nth-child(2n),.work:nth-child(odd){padding:80px 0}.work:nth-child(2n)>.img-container svg text{-webkit-transform:translateX(-60%);transform:translateX(-60%)}.work:nth-child(odd)>.img-container>img{left:-80px}}@media screen and (max-width:576px){.work:nth-child(2n),.work:nth-child(odd){padding:50px 20px;flex-direction:column}.text-container{padding:10px}.img-container{height:330px}.work:nth-child(odd)>.img-container>img{height:100%;width:auto;left:auto;padding:30px}.work:nth-child(odd)>.img-container svg text{font-size:100px;-webkit-transform:translateX(15%);transform:translateX(15%)}.work:nth-child(2n)>.img-container>img{height:100%;width:auto;left:auto;padding:30px}.work:nth-child(2n)>.img-container svg text{font-size:100px;-webkit-transform:translateX(-75%);transform:translateX(-75%)}}@media screen and (max-width:483px){.work:nth-child(odd)>.img-container svg text{-webkit-transform:translateY(10%);transform:translateY(10%);font-size:80px}.work:nth-child(2n)>.img-container svg text{-webkit-transform:translate(-65%,10%);transform:translate(-65%,10%);font-size:80px}.work:nth-child(2n)>.img-container>img,.work:nth-child(odd)>.img-container>img{height:80%}}@media screen and (max-width:320px){.work:nth-child(2n),.work:nth-child(odd){padding:30px 10px}.text-container,.text-container>p:nth-child(3){font-size:.7rem}}
/*# sourceMappingURL=main.755ff358.chunk.css.map */