@import url(https://fonts.googleapis.com/css2?family=Montserrat&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}.nav-container{width:100%}.nav-container,nav{display:flex;justify-content:center}nav{background-color:hsla(0,0%,100%,.918);border-radius:10px;font-size:1.5rem;gap:50px;margin:auto;max-width:200px;padding:25px 30px;position:absolute;top:-60px;transition:top .8s;z-index:1}nav:hover{top:10px}nav a{color:rgba(115,241,11,.953)}nav a:hover{color:#1a1a1d;cursor:pointer}.picture{align-items:center;display:flex;gap:50px;justify-content:center;padding-top:5rem;text-align:center}.picture .me{-webkit-filter:grayscale(100%);filter:grayscale(100%);max-width:100px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;width:50%}.picture .me:hover{box-shadow:0 10px 13px -7px #000,0 20px 10px -5px #e4e8df}.picture p{color:rgba(115,241,11,.953);font-size:1.5rem;font-weight:300;letter-spacing:.8rem}.picture .name{font-size:2rem;font-weight:700}.cv-button{background-color:rgba(115,241,11,.953);border-radius:10px;color:#1a1a1d;font-size:1rem;font-weight:700;height:auto;line-height:1rem;padding:10px 30px;transition:.2s;width:auto}.cv-button:hover{background-color:#fff;cursor:pointer}@media screen and (max-width:800px){.me{display:none}}.aboutMe{color:hsla(0,0%,100%,.918);font-size:1.5rem}.aboutMe__container{font-size:1.5rem;margin:auto;max-width:900px}.aboutMe__social-icons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.aboutMe__social-icons svg{background-color:rgba(115,241,11,.953);border-radius:8px;padding:10px;width:30px}.aboutMe__line{border-top:2px solid rgba(115,241,11,.953);width:150px}.aboutMe :visited,.aboutMe a{color:rgba(115,241,11,.953)}.aboutMe a:hover{opacity:.3}.stack{color:rgba(114,214,32,.965);font-size:1.4rem}.stack__container{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center}.stack__backend,.stack__devops,.stack__frontend{border:1px solid rgba(115,241,11,.953);max-width:300px;min-width:250px;padding:15px 30px;width:25%}.stack__backend p,.stack__devops p,.stack__frontend p{border-bottom:2px dashed rgba(115,241,11,.953);font-weight:700;margin:auto auto 20px;padding-bottom:10px}.stack__backend span,.stack__devops span,.stack__frontend span{display:block}.stack ul{list-style-type:none}.stack__row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:auto auto 20px;max-width:250px;min-width:150px;width:100%}.stack__row-2{align-items:center;gap:40px;justify-content:center;max-width:none;min-width:0;min-width:auto}.stack svg{font-size:3rem}.stack__other-tecnologies{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px}.stack__other-tecnologies img,.stack__other-tecnologies svg{height:60px;width:60px}.stack .sass-logo{color:#bf4080;height:70px;width:70px}.stack .wp-logo{color:#fff}.stack .redux-logo{color:#764abc}.stack .flask-logo{color:#fff}@media screen and (min-width:1400px){.stack__container{padding:0 70px}}.project{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:12rem;grid-template-columns:repeat(auto-fit,minmax(16rem,.7fr));justify-content:center}.project__container{display:flex;flex-wrap:wrap;justify-content:center}.project__container,.project__container img{border-radius:10px;width:100%}.project__container .flip-card{background-color:initial;height:100%;-webkit-perspective:1000px;perspective:1000px;width:100%}.project__container .flip-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.project__container .flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project__container .flip-card-back,.project__container .flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;position:absolute;width:100%}.project__container .flip-card-front{opacity:.9}.project__container .flip-card-back{align-items:center;background:transparent;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project__btn{background:#1a1a1d;border:none;border-radius:10px;color:#fff;font-family:Monserrat,sans-serif;font-size:1rem;font-weight:500;padding:20px;width:120px}.project__btn-1{background-color:rgba(115,241,11,.953)}.project__btn:hover{outline:1px solid hsla(0,0%,100%,.918)}.project__btn-2{background-color:rgba(114,214,32,.965)}.project__btn-2:hover{background-color:#f1f508}.project__btn:hover{background-color:#1a1a1d;cursor:pointer;opacity:.4}.form{font-size:1.2rem;font-weight:700;line-height:1.5rem;margin:auto auto 50px;max-width:700px}.form__mail,.form__message,.form__name{background-color:rgba(41,75,14,.965);border-radius:8px;color:#1a1a1d;margin-bottom:30px;padding:20px;text-align:left}.form__mail:hover,.form__message:hover,.form__name:hover{outline:2px solid hsla(0,0%,100%,.918)}.form__mail label,.form__message label,.form__name label{border-bottom:1px solid #fff;color:#fff;letter-spacing:.1rem}.form input,.form textarea{background:transparent;border:none;color:#fff;font-size:1.2rem;font-weight:600;line-height:1.5rem;margin-top:5px;max-width:100%;outline:none;width:100%}.form input{height:38px}.form input:-webkit-autofill,.form input:-webkit-autofill:active,.form input:-webkit-autofill:focus,.form input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form input:-webkit-autofill{-webkit-text-fill-color:grey}.form input[type=submit]{background-color:rgba(115,241,11,.953);border-radius:10px;color:#1a1a1d;font-size:2rem;font-weight:700;height:auto;line-height:2rem;padding:10px 30px;transition:.2s;width:auto}.form input[type=submit]:hover{cursor:pointer;opacity:.3}.form textarea{height:7vw;line-height:1.5rem}.footer{align-items:center;background-color:rgba(114,214,32,.965);color:#1a1a1d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:auto;padding:1rem 3rem}.footer,.footer .copyright-icon{font-size:1rem}.footer__contact{font-size:1.5rem}.footer__contact svg{background-color:#1a1a1d;border-radius:8px;color:rgba(115,241,11,.953);margin:0 5px;padding:10px;transition:.5s;width:20px}.footer__contact svg:hover{background-color:hsla(0,0%,100%,.918)}.footer__contact a{color:#1a1a1d;text-decoration:none}html{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#1a1a1d;background-image:url(/portfolio/static/media/endless-constellation.8d7dde43a0cf7dc4e336.svg);color:rgba(114,214,32,.965);font-family:Montserrat,sans-serif;min-width:320px}body .tiperwriter{-webkit-animation:typing 2s steps(38) 1s 1 normal both,blink 1s steps(1) infinite;animation:typing 2s steps(38) 1s 1 normal both,blink 1s steps(1) infinite;border-right:.15em solid rgba(115,241,11,.953);overflow:hidden;width:0}body main{padding:0 50px;text-align:center}body section{margin-bottom:50px}body .hr-text{border:0;font-size:20px;font-size:2rem;height:1.5em;margin:50px 0;position:relative}body .hr-text:before{background:linear-gradient(90deg,transparent,rgba(115,241,11,.953),transparent);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}body .hr-text:after{color:#000;color:rgba(114,214,32,.965);content:attr(data-content);display:inline-block;line-height:1.5em;overflow:visible;padding:0 .5em;position:relative}body #hr_contact,body #hr_projects,body #hr_stack{display:none}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}@media screen and (max-width:375px){#hr_stack:after{content:"Stack"}#hr_projects:after{content:"Projects"}#hr_contact:after{content:"Contact"}}
/*# sourceMappingURL=main.ca8c339f.css.map*/