@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;900&family=Montserrat:wght@300;400;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;300;500;700&family=Montserrat:wght@300;400;700;900&display=swap);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;max-width:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}#bannerContainer{background-image:linear-gradient(35deg,#000 5%,#150632 30%,#170939 40%,#1c0b46 50%,#200c4f 52%,#260d59 55%,#2d0d63 63%,#320c6e 65%,#390b7a 66%,#3f0881 68%,#48058f 69%,#4f0099 80%);color:#fff;display:flex;height:100vh}.bannerContent{margin:33vh auto auto 10vw;text-align:left}.bannerContent h1{font-family:League Spartan,sans-serif;font-size:max(2.6vw,30px)}.bannerContent p{font-size:max(1vw,18px)}.bannerAbout button{background-image:linear-gradient(90deg,#fc4c31,#ffb05b);border:none;box-shadow:0 0 10px 0 rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:30px 40px;padding:15px 30px;-webkit-transform:scale(1.05);transform:scale(1.05);transition:.4s}.bannerAbout button:hover{box-shadow:0 0 10px 0 hsla(17,97%,71%,.3);-webkit-transform:scale(1);transform:scale(1);translate:0}@media (max-width:800px){.bannerContent{margin:33vh auto;text-align:center}.bannerContent p{margin:auto 1vw}}.bannerMovment{-webkit-animation:pulsation 16s infinite,movment 11s infinite;animation:pulsation 16s infinite,movment 11s infinite;-webkit-filter:blur(1);filter:blur(1);-webkit-filter:drop-shadow(0 0 5px #bc6f92);filter:drop-shadow(0 0 5px rgb(188,111,146));height:80px;position:absolute;transition:1.5s ease-out;width:80px}.bannerMovment div{background-color:#c5a256;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:70px;width:70px}@-webkit-keyframes pulsation{0%{opacity:.15}50%{opacity:.05;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.15}}@keyframes pulsation{0%{opacity:.15}50%{opacity:.05;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.15}}@-webkit-keyframes movment{0%{translate:0}50%{translate:-10px -20px}to{translate:0 0}}@keyframes movment{0%{translate:0}50%{translate:-10px -20px}to{translate:0 0}}.particle2{-webkit-animation:pulsation 12s infinite,movment 7s infinite!important;animation:pulsation 12s infinite,movment 7s infinite!important}@media (max-width:800px){.particle2{display:none}}#navBarContainer{margin-right:5vw;position:absolute;right:0;z-index:1}#navBarContainer ul{display:flex;flex-direction:row}#navBarContainer ul li{list-style:none;margin-left:50px}#navBarContainer ul li p{color:#fff;cursor:pointer;font-family:League Spartan,sans-serif;font-size:clamp(22px,1.5vw,30px);font-weight:700;padding:0;transition:color .3s}#navBarContainer ul li p:hover{color:#ff715b}.bannerMediaLinks{bottom:5vh;display:flex;flex-direction:column;position:absolute;right:20px}.bannerIcon{color:#afafaf;cursor:pointer;height:clamp(45px,3.8vw,65px);margin:3vh 1.5vw;transition:.2s;width:clamp(45px,3.8vw,65px)}.bannerMediaLinks a:hover .bannerIcon{color:#ff715b}.bannerMediaLinks a p{color:#fff;margin:0;opacity:0;text-align:center;transition:.3s;translate:0 30px}.bannerMediaLinks a:hover p{opacity:1;translate:0 10px}@media (max-width:800px){.bannerMediaLinks{flex-direction:row;justify-content:space-around;right:auto;width:100%}}.modalNavBar{background-image:linear-gradient(90deg,#000,#080808 30%,#0f0f0f 46%,#141414 56%,#1a1a1a 65%,#1f1f1f 72%,#242424 78%,#292929 84%,#2e2e2e 91%,#333);overflow:hidden;position:fixed;right:-100%;transition:.4s;width:100%;z-index:2}.modalNavBar,.modalNavBarContent{align-content:center;display:flex;height:100vh;justify-content:center;max-width:100%}.modalNavBarContent{flex-direction:column;flex-wrap:wrap;width:100vw}.modalNavBarContent ul{padding:0}.modalNavBarContent ul li{list-style:none}.modalNavBarContent ul li p{color:#fff;cursor:pointer;font-family:League Spartan,sans-serif;font-size:clamp(22px,1.5vw,30px);font-size:2rem;font-weight:700;padding:0;transition:color .3s}.modalNavBarContent ul li p:hover{color:#ff715b}.modalNavBar .bannerMediaLinks{margin-bottom:5vh;width:300px}.hamburger{color:#fff;cursor:pointer;height:40px;position:absolute;right:40px;top:30px;transition:.2s;width:40px;z-index:2}.hamburger:hover{color:#ff715b;-webkit-transform:scale(1.05);transform:scale(1.05)}.red{color:#ff715b!important}.red:hover{color:#fff!important}.show{right:0}#projectsContainer{justify-content:center;padding-bottom:200px}.projectsProjectsContainer{grid-gap:100px;display:grid;gap:100px;justify-content:center}.projectsProject{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:50px;max-width:950px}.projectDescription{text-align:left}.projectDescription h1,.projectDescription h2{margin-bottom:0;margin-top:0}.projectDescription h2{-webkit-text-stroke:1px hsla(0,1%,79%,.407);color:#606060}.projectDescriptionButton{border-radius:5px;margin-left:20px;margin-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectDescriptionButton button{background-color:#ff715b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:.4s}.projectDescriptionButton button:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.projectTool{background-color:#000;border-radius:5px;color:#fff;cursor:pointer;margin:15px 0 35px;padding:5px 10px;width:-webkit-min-content;width:min-content}.projectTool p{margin:0}.projectsSnippet{border-radius:8px;width:500px}.targetGym{background-color:#ff4500}.projectsSnippet img{width:100%}@media (max-width:800px){.projectsProject{grid-template-columns:1fr;width:95%}.projectDescription{margin:auto;text-align:center;width:95%}.projectDescriptionButton,.projectTool{margin:auto}.projectsSnippet{margin:auto;order:-1;width:95%}}#footerContainer{background-color:#1c1d25;color:#fff;padding:30px 0 25px;text-align:center}#footerContainer img{height:50px;width:50px}.footerIcon{color:#ff715b;cursor:pointer;height:30px;margin:0 10px;transition:.2s;width:30px}.footerIcon:hover{color:#fff}#footerContainer p{font-size:clamp(13px,1vw,16px)}#contactContainer{background-color:#fff;padding:30px 0 40px}#contactContainer h1{font-size:3rem;margin:0 auto 40px}.contactInformationContainer{display:grid;grid-template-columns:3fr 1fr;margin:auto;max-width:550px;text-align:left}.contactInformation{margin-left:15px}.contanctAnimation{display:grid;grid-template-columns:1fr;margin-right:15px;text-align:start}.contanctAnimation img{height:125px;width:125px}.contactInformation p{color:#ff715b;cursor:pointer;font-weight:700;margin-bottom:50px;text-decoration:none}.contactInformation p,.contactInformationButton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contactInformationButton{border:2px solid #000;border-radius:5px;margin-left:20px}.contactInformationButton button{background-color:#ff715b;border:none;border-radius:5px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;-webkit-transform:scale(1.05);transform:scale(1.05);transition:.4s;translate:-15px -10px}.contactInformationButton button:hover{box-shadow:none;-webkit-transform:scale(1);transform:scale(1);translate:0}.contactAnimationMoving{-webkit-animation:movingContact 9s infinite;animation:movingContact 9s infinite;margin:auto auto auto 0}.contactAnimationMoving img{cursor:pointer;height:80px;width:80px}.rotate{-webkit-animation:rotate 2.5s ease;animation:rotate 2.5s ease}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}70%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}70%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes movingContact{0%{opacity:0;scale:.8;-webkit-transform:translateY(50px);transform:translateY(50px)}40%{opacity:1;scale:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes movingContact{0%{opacity:0;scale:.8;-webkit-transform:translateY(50px);transform:translateY(50px)}40%{opacity:1;scale:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}.custom-shape-divider-top-1668698050{left:0;line-height:0;opacity:.1;overflow:hidden;position:absolute;top:0;width:100%}.custom-shape-divider-top-1668698050 svg{display:block;height:200px;position:relative;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:200%}.custom-shape-divider-top-1668698050 .shape-fill{fill:#ffffff6e}.aboutContainerWraper{align-content:center;-webkit-animation:backgroundAppear 1s;animation:backgroundAppear 1s;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;overflow:hidden;position:fixed;width:100%;z-index:10}.backgroundOut{-webkit-animation:backgroundDisappear .6s;animation:backgroundDisappear .6s}@-webkit-keyframes backgroundAppear{0%{background-color:initial}to{background-color:rgba(0,0,0,.6)}}@keyframes backgroundAppear{0%{background-color:initial}to{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes backgroundDisappear{0%{background-color:rgba(0,0,0,.6)}to{background-color:initial}}@keyframes backgroundDisappear{0%{background-color:rgba(0,0,0,.6)}to{background-color:initial}}.aboutContainer{display:grid;grid-template-columns:1fr 1fr;height:80vh;margin-left:auto;margin-top:-40vh;position:fixed;text-align:left;top:50%;width:1170px;z-index:10}.outInfoAnimation{translate:-100% 0}.outFormAnimation,.outInfoAnimation{-webkit-animation:dis .4s forwards!important;animation:dis .4s forwards!important;transition:.6s}.outFormAnimation{translate:100% 0}@-webkit-keyframes dis{0%{opacity:1}to{opacity:0}}@keyframes dis{0%{opacity:1}to{opacity:0}}.aboutInfo{-webkit-animation:aboutAppearUp .9s ease;animation:aboutAppearUp .9s ease;background-color:hsla(0,0%,95%,.97);background-size:cover;color:#1c1d25;height:100%;opacity:1;position:relative;width:100%}@-webkit-keyframes aboutAppearUp{0%{opacity:0;top:-100%}to{opacity:1;top:0}}@keyframes aboutAppearUp{0%{opacity:0;top:-100%}to{opacity:1;top:0}}.aboutForm{-webkit-animation:aboutAppear .9s ease forwards;animation:aboutAppear .9s ease forwards;-webkit-animation-delay:.25s;animation-delay:.25s;background-color:rgba(28,29,37,.985);color:#dadada;height:100%;opacity:0;position:relative;width:100%}@-webkit-keyframes aboutAppear{0%{opacity:0;top:100%}to{opacity:1;top:0}}@keyframes aboutAppear{0%{opacity:0;top:100%}to{opacity:1;top:0}}.aboutForm div,.aboutInfo .aboutText{margin:50px}form{display:flex;flex-direction:column}label{margin:20px 0}input,textarea{-webkit-background-clip:text!important;background-clip:text!important;background-color:initial!important;border:none;border-bottom:3px solid silver;color:silver;transition:.5s}input:focus,textarea:focus{border-bottom:3px solid #8e443d;outline:none}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:silver}#submitButton{-webkit-background-clip:unset!important;background-image:linear-gradient(90deg,#fc4c31,#ffb05b);border:none;box-shadow:0 0 10px 0 rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:40px auto;padding:10px 20px;-webkit-transform:scale(1.05);transform:scale(1.05);transition:.4s;width:-webkit-min-content;width:min-content}#submitButton:hover{box-shadow:0 0 10px 0 hsla(17,97%,71%,.3);-webkit-transform:scale(1);transform:scale(1);translate:0}.closeAbout{border-radius:50%;color:silver;cursor:pointer;font-size:2rem;font-weight:bolder;height:40px;position:absolute;right:25px;text-align:center;top:0;transition:.25s ease-in-out;width:40px}.closeAbout:hover{color:#fc4c31;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.formSubtitlte{font-family:League Spartan,sans-serif;font-size:400}@media (max-width:1200px){.aboutContainer{grid-template-columns:1fr;height:100vh;margin:0;overflow-x:hidden;overflow-y:scroll;top:0;width:100vw}.aboutInfo{height:500px}}textarea{height:80px}.carrousel{bottom:0;justify-content:center;margin:0;overflow:hidden;position:absolute;text-align:center;width:100%}.carrousel,.carrouselLogos{display:flex;flex-wrap:nowrap}.carrouselLogos{-webkit-animation:scroll 40s linear infinite;animation:scroll 40s linear infinite}.carrouselLogos div{margin:10px 15px}.carrouselLogos div p{font-size:.8rem;font-weight:600;margin:0}.skillsIcon{color:#000;height:30px;transition:.2s;width:30px}.skillsIcon:hover{color:#ff715b}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(50%);transform:translateX(50%)}}@keyframes scroll{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(50%);transform:translateX(50%)}}.carrousel:hover .carrouselLogos{-webkit-animation-play-state:paused;animation-play-state:paused}.home{background-size:100%;font-family:Montserrat,sans-serif;max-width:100%;text-align:center;text-rendering:optimizeLegibility}.noScroll{overflow:hidden}a:active,a:link,a:visited{text-decoration:none}.klapToolsContainer{background-size:contain;font-family:Montserrat,sans-serif;text-rendering:optimizeLegibility}.klapToolsContainer .banner{background-image:linear-gradient(0deg,#00a0eb,#008ee0 8%,#007dd1 14%,#006dc7 17%,#005cb8 21%,#004ca8 27%,#003b99 37%,#00298a 53%,#001675 74%,#006)}.targetGymContainer{background-size:contain;font-family:Montserrat,sans-serif;text-rendering:optimizeLegibility}.targetGymContainer .banner{background-image:linear-gradient(0deg,#ff8400,#fa7d00 8%,#f57200 14%,#f06800 17%,#eb6200 21%,#e05600 27%,#db4d00 37%,#d64400 53%,#d03801 74%,#ca2d02)}.targetGymContainer .roles span{color:#006400;transition:color .2s}.targetGymContainer .roles p:hover span{color:#003d00}.projectContainer{margin:auto;max-width:900px}.projectContainer h1{font-size:2.5rem;font-weight:400;line-height:1.1}.projectContainer p{color:#454545;font-family:League Spartan,sans-serif;font-size:1.3rem;font-weight:300}.projectContainer h2{font-size:1.4rem;font-weight:900}.projectRelevantInfo{display:flex}.projectRelevantInfo div{width:250px}.projectImage{border-radius:35px;box-shadow:0 0 20px 10px rgba(51,7,0,.405);margin:40px 0;transition:.4s;width:900px}.linkText{color:#ff715b!important;font-weight:500!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectRelevantInfo a{display:block;width:-webkit-min-content;width:min-content}.banner{align-items:center;display:flex;flex-direction:column;height:600px;justify-content:center;position:relative}.banner h1,.banner p{color:#fff}.banner h1{font-family:League Spartan,sans-serif;font-size:4rem;font-weight:700;margin:0}.roles{bottom:0;display:flex;height:50px;justify-content:space-between;position:absolute;width:100%}.roles p,.roles span{cursor:pointer;font-size:.93rem;font-weight:700;text-transform:uppercase}.klapToolsContainer .roles span{color:#f39237;transition:color .2s}.klapToolsContainer .roles p:hover span{color:#e7770d}.banner .roles .left{left:calc(16% - 120px);position:absolute}.banner .roles .center{left:calc(50% - 120px);position:absolute}.banner .roles .right{position:absolute;right:calc(16% - 60px)}.targetGymContainer #navBarContainer ul p:hover{color:#003d00!important}.klapToolsContainer #navBarContainer ul li p:hover{color:#ff715b!important}@media (max-width:800px){.roles{flex-direction:column;height:70px;margin-bottom:20px;text-align:center}.banner .roles .center,.banner .roles .left,.banner .roles .right{position:static}.roles p,.roles span{margin:0;padding:0}.projectImage{margin:40px auto;width:90%}.projectContainer{display:flex;flex-direction:column;justify-content:center;margin:auto;width:95%}}
/*# sourceMappingURL=main.493dc5ad.css.map*/