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}*{box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header-container{-webkit-animation:gradient-bg 10s linear infinite;animation:gradient-bg 10s linear infinite;background:linear-gradient(-45deg,#041629,#4e2d4e,#9c27b0);background-size:200% 200%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 95%,0 100%);height:100vh;padding:0}.header-grid{display:grid;grid-template-columns:repeat(4,minmax(1fr,50%));margin:0 20px;place-items:center center}.image-container{-webkit-clip-path:circle();clip-path:circle();grid-column:4/5;grid-row:1;mix-blend-mode:overlay}.text-container{grid-column:1/4;z-index:1}.header-text{grid-row-gap:2rem;color:#fff;display:grid;font-size:larger;grid-column:3;grid-template-rows:repeat(2,100%);place-items:center;row-gap:2rem;text-align:justify}.type-animation{color:#fff;display:inline;font-size:40px}.contact-icons{display:flex;flex-wrap:wrap}@-webkit-keyframes gradient-bg{0%{background-position:0 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%)}10%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%)}20%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%)}30%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%)}40%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%)}50%{background-position:100% 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,100% 95%,0 100%)}60%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%)}70%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%)}80%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%)}90%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%)}to{background-position:0 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%)}}@keyframes gradient-bg{0%{background-position:0 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%)}10%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%)}20%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%)}30%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%)}40%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%)}50%{background-position:100% 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,100% 95%,0 100%)}60%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,0 100%)}70%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,60% 95%,0 100%)}80%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,40% 95%,0 100%)}90%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 95%,0 100%)}to{background-position:0 50%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 95%,0 100%)}}@media screen and (max-width:768px){.contact-icons{display:none}}@media screen and (max-width:1200px){.header-grid{display:flex;justify-content:center;position:relative}.image-container{mix-blend-mode:screen hard-light}.text-container{position:absolute;top:20%;width:100%}}.contact-icon{color:#fff;font-size:2rem;margin:0 2rem}.contact-icon:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.card{border:.5px solid transparent;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:15%;margin:25px;padding:20px 30px}.card img{width:40px}.card:hover{border:.5px solid #6d41e0;box-shadow:2 5px 9px 0 rgba(0,0,0,.2);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.card-skills{align-items:center;background-color:bisque;border-radius:15px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;margin:20px;padding:20px;width:10rem}.card-skills img{width:30%}.card-skills:hover img{-webkit-animation:iconDrop .3s ease-in-out infinite;animation:iconDrop .3s ease-in-out infinite}@-webkit-keyframes iconDrop{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes iconDrop{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.cards-list{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:40px;margin-right:40px}@media (max-width:767px){.cards-list{flex-direction:column}}.project-container{align-items:center;display:flex;flex-direction:row;justify-content:center}@media (max-width:767px){.project-container{flex-direction:column}}.project-container .project-card-container{margin:20px}.about-me-container{margin-bottom:20px}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.carousal>img{height:50px;justify-content:center}.testimonial-carousals{align-items:center;background:url(/static/media/banner.2998f1f91cad208ac730.png);background-size:cover;box-shadow:inset 0 0 0 2000px rgba(0,0,0,.7);color:#fff;display:flex;height:100%;justify-content:center;min-height:70vh}.carousal{display:flex;flex-direction:column}.testimonial-text{font-size:large;padding:0 20%}.testimonial-text>h4{font-size:1.5rem;font-weight:600;text-transform:uppercase}.testimonial-text>h6{font-size:1rem;font-weight:600;margin-top:-3%}.carousal-image>img{height:50px;margin:2% 0 -2%;width:50px}.button-contact{background-color:#d365ef;border:3px solid transparent;border-radius:4px;font-size:16px;margin-top:5px;padding:15px 32px;text-align:center}.button-contact:hover{background-color:initial;border:3px solid #041629;color:#fff;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.button-download{background-color:#fff;border:2px solid #041629;border-radius:4px;font-size:16px;margin:30px;padding:15px 32px;text-align:center}.button-download:hover{background-color:#041629;border:2px solid transparent;color:#fff;cursor:pointer}.button-send{background-color:#c1c1c1;border:1px solid #041629;border-radius:4px;color:#fff;font-size:16px;margin:10px;padding:15px 32px;text-align:center}.button-send:hover{background-color:#d365ef;border:none;cursor:pointer;padding:16px 33px}.button-footer{background-color:#615cfd;border:2px solid transparent;border-radius:4px;font-size:16px;margin:30px;padding:15px 32px;text-align:center}.button-footer:hover{background-color:#041629;border:2px solid #d365ef;color:#fff;cursor:pointer;transition:all .3s ease-in-out}.about-me{-webkit-animation:animateAbout 5s ease-in-out infinite;animation:animateAbout 5s ease-in-out infinite;background:linear-gradient(-45deg,#041629,#9c27b0,#04162988);background-size:150% 150%;display:grid;grid-template-columns:repeat(6,1fr);margin:30px 0;padding:4vh 0;place-items:center;position:relative}.image-about-me{grid-column:4/7;width:100%;z-index:5}.image-about-me>img{-webkit-animation:borderAnimation 5s ease-in-out infinite;animation:borderAnimation 5s ease-in-out infinite;border-radius:30px;box-shadow:0 2px 60px #fff;width:50%}.about-me-description{color:#fff;grid-column:2/4;grid-row:1;text-align:justify;width:95%;z-index:5}.about-me-description>h1{text-align:center;text-transform:uppercase}.background-text{bottom:25%;color:rgba(0,0,0,.3);font-size:6vw;left:5%;position:absolute;z-index:1}@media screen and (max-width:768px){.about-me{display:flex;flex-direction:column}.image-about-me>img{width:60%}.background-text{display:none}}@-webkit-keyframes animateAbout{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes animateAbout{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@-webkit-keyframes borderAnimation{0%{box-shadow:0 0 60px #ff0}50%{box-shadow:0 2px 100px #b22222}to{box-shadow:0 2px 60px orange}}@keyframes borderAnimation{0%{box-shadow:0 0 60px #ff0}50%{box-shadow:0 2px 100px #b22222}to{box-shadow:0 2px 60px orange}}.skills-card-container{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));place-items:center}figure{align-items:center;border-radius:10px;box-shadow:0 2px 10px;display:flex;height:20rem;justify-content:center;margin:10px;overflow:hidden;position:relative;width:100%}figure:first-child{grid-column:3/6}figure:first-child,figure:nth-child(2){-webkit-animation:floatingH 5s ease-in-out infinite;animation:floatingH 5s ease-in-out infinite}figure:nth-child(2){grid-column:7/10}figure:nth-child(3){-webkit-animation:floatingY 5s ease-in infinite;animation:floatingY 5s ease-in infinite;grid-column:3/7;grid-row:2}figure:nth-child(4){-webkit-animation:floatingH 5s ease-out infinite;animation:floatingH 5s ease-out infinite;grid-column:7/10;grid-row:2/4;height:90%}figure:nth-child(5){-webkit-animation:floatingY 5s ease-in infinite;animation:floatingY 5s ease-in infinite;grid-column:3/6;grid-row:3/5}.image{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.card-body{align-items:center;background-color:rgba(32,2,84,.6);border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;-webkit-transform:translate(-100%);transform:translate(-100%);transition:all .2s ease-out;width:100%}figure:hover .card-body{-webkit-transform:translate(0);transform:translate(0)}figure:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}.card-body>a{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:2px;text-decoration:none;text-transform:uppercase;transition:color .5s}@-webkit-keyframes floatingY{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatingY{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes floatingH{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-10px);transform:translate(-10px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatingH{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-10px);transform:translate(-10px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@media (max-width:900px){figure .image{-webkit-transform:scale(1.2);transform:scale(1.2)}figure:hover .image{-webkit-transform:scale(1.4);transform:scale(1.4)}.card-body{background-color:rgba(0,0,0,.5);-webkit-transform:translate(0);transform:translate(0)}}.project-wrapper{background:linear-gradient(-45deg,#041629,#041629,#9c27b0);display:flex;flex-direction:column;justify-content:center;margin-bottom:25%;margin-top:4rem}.project-text{color:#fff;margin-top:20px;text-transform:uppercase}.project-cards{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(3,1fr);margin-bottom:-20%;margin-top:20px;padding:0 25px}@media screen and (max-width:768px){.project-cards{align-items:center;display:flex;flex-direction:column;flex-grow:1;transition:all .2s ease-in-out}}.nav-container{background-color:rgba(4,22,41,0);box-shadow:0 1px 0 0 transparent;position:absolute;top:0;transition:.3s ease-in-out;width:100%;z-index:1}.nav-container.scrolled{background-color:rgba(4,22,41,.7);box-shadow:0 1px 0 0 #041629;margin-top:0;position:fixed;top:0;transition:all .7s ease-in-out;width:100%;z-index:100}.nav-container.colored{background-color:rgba(4,22,41,.9);transition:.5s ease-in-out}.navbar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 0 10px 10px}.logo{margin-left:5rem}.nav-contents>ul{display:flex;gap:30px;list-style:none}.logo>a,.nav-contents>ul>li>a{color:#fff;font-size:16px;font-weight:600;padding:26px 20px;text-decoration:none;text-transform:uppercase}.nav-button{margin-right:20px;margin-top:0}.nav-contents>ul>li>a:hover{background-color:#d365ef;color:#fff}.nav-items .active{color:#d365ef}.nav-items:after{background-color:#041629}.hamburger,.mobile-navigation,.nav-chkbox{display:none}@media screen and (max-width:900px){.logo{margin-left:0}.nav-button,.nav-contents{display:none}.hamburger{display:block;margin:20px;width:30px}.mobile-nav-contents>ul>li{list-style:none}.mobile-navigation.open{background-color:#041629;display:flex;flex-direction:column;height:100%;opacity:.9;position:fixed;right:0;width:50%;z-index:1}.mobile-navigation.close{display:none}.mobile-nav-contents>ul>li>a{color:#fff;padding:10px;text-decoration:none}.mobile-nav-contents>ul>li{padding:10px;width:100%}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding-top:10px;width:100%}.wrapper{background-color:#d365ef9b;padding-top:20px}.contact-form,.wrapper{align-items:center;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;max-width:500px;width:100%}.contact-form{background-color:#041629;padding:20px}#email,#message,#name{border:1px solid #000;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}#message{height:150px}@media (max-width:767px){.contact-form{max-width:80%;width:100%}}.footer{background-color:#041629}.footer-text{color:#fff;padding:20px}.footer-container{border-top:1px solid #fff;color:#fff;padding:2px 0}
/*# sourceMappingURL=main.86c365f2.css.map*/