.menu-container{background-color:var(--sec-t);display:flex;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}.menu-box{background-color:var(--pri);box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:150px;width:40vw;z-index:2}.menu-out-box{height:100%;width:60vw;z-index:1}.menu-divider{border-bottom:1px solid var(--pri-d);margin-bottom:10px;margin-top:10px}.menu-sec-box{margin-top:30px;padding:10px}.menu-lg-box{margin-bottom:70px;padding:10px}.menu-button{margin-bottom:10px;padding-left:10px}.menu-button.selected{border-left:3px solid var(--acc);padding-left:7px}.menu-button:hover{border-left:3px solid var(--sec);padding-left:7px}.header{box-shadow:0 0 0 0 rgba(0,0,0,.69);display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;transition:.3s ease-in;width:100%;z-index:20}.header.light{background-color:var(--pri)}.header.dark,.header.light{box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);transition:.3s ease-out}.header.dark{background-color:var(--pri-d)}.header .left{display:flex;flex:0 1 200px}.header .center{flex:1 1 auto;justify-content:center}.header .center,.header .right{-webkit-column-gap:30px;column-gap:30px;display:flex}.header .right{flex:0 1 auto;padding-right:30px}.button{background-color:initial;border:none;color:var(--sec);cursor:pointer}.button.selected{border-bottom:4px solid var(--acc);border-radius:1px}.button:hover{border-bottom:4px solid var(--sec);border-radius:1px}.header-menu-button{stroke:var(--sec);cursor:pointer;height:50px;transition:.2s ease-out;width:70px}.header-menu-button:hover{stroke:var(--acc);-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:900px){.header .left{display:flex;flex:0 1 auto;justify-content:start}.header .center{display:none}.header .right{-webkit-column-gap:30px;column-gap:30px;display:flex;flex:1 1 auto;justify-content:end;padding-right:20px}}@media only screen and (max-width:1100px) and (min-width:901px){.header .left{display:none}.header .center{flex:1 1 auto;justify-content:start;padding-left:60px}.header .center,.header .right{-webkit-column-gap:30px;column-gap:30px;display:flex}.header .right{flex:0 1 auto;padding-right:30px}}.home{background:linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.28)),linear-gradient(0deg,rgba(20,66,114,.18),rgba(20,66,114,.18)),url(/static/media/palmas.fce55abd3c3351a5ab2d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column;height:100vh;margin-top:-50px;min-height:600px;padding:0 10px 10px}.home .header{flex:0 1 auto}.home .content{flex:1 1 auto;flex-direction:column;justify-content:flex-end;padding-bottom:50px}.home .bottom,.home .content{align-items:center;display:flex;font-weight:700}.home .bottom{flex:0 1 50vh;flex-direction:column;justify-content:center}.profile-image{border-radius:150px;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);height:calc(min(40vh, 60vw));max-height:300px;max-width:300px;min-height:200px;min-width:200px;object-fit:cover;transition:.5s;transition-timing-function:ease-out;width:calc(min(40vh, 60vw))}.profile-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.5s ease-out}.text-title{font-size:40px;right:70px}.text-maintitle,.text-title{font-weight:600;position:relative;transition:.5s;transition-timing-function:ease-out}.text-maintitle{color:var(--pri-d);font-size:60px;left:70px}.text-profile{text-align:center}@media screen and (max-width:800px){.text-title{font-size:30px;right:0}.text-maintitle,.text-title{font-weight:600;position:relative;text-align:center}.text-maintitle{color:var(--pri-d);font-size:40px;left:0}}.sec-title-component{align-items:center;display:flex;height:-webkit-min-content;height:min-content;justify-content:center;text-align:center}.sec-title{margin-bottom:0}.sec-title-divider{background-color:var(--acc);border-color:var(--acc);border-radius:2px;height:4px;margin-left:-2px;margin-top:0;max-width:75px;width:70%}.button-port{background:linear-gradient(180deg,rgba(183,52,179,.15) 0,rgba(164,46,156,0) 100%),var(--acc);border:none;border-radius:8px;color:var(--sec);cursor:pointer;font-weight:700;height:50px;transition:.3s;transition-timing-function:ease-out}.button-port:hover{background:linear-gradient(180deg,rgba(183,52,179,.15) 0,rgba(255,71,243,0) 100%),var(--acc);box-shadow:0 7px 14px -9px hsla(0,0%,100%,.42)}.button-port:active{background:var(--acc);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}.button-port:disabled{background:hsla(0,0%,91%,.199);box-shadow:0 0 0 0 hsla(0,0%,100%,0);color:#a3a3a3}.button-port2{background-color:var(--acc);border:none;border-radius:8px;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);color:var(--sec);cursor:pointer;font-weight:700;height:50px;transition:.3s;transition-timing-function:ease-out}.button-port2:hover{box-shadow:11px 11px 30px -10px rgba(0,0,0,.69);-webkit-transform:scale(1.1);transform:scale(1.1);transition:.1s ease-out}.button-port2:active{box-shadow:0 0 0 0 rgba(0,0,0,.69)}.button-port2:active,.button-port2:disabled{-webkit-transform:scale(1);transform:scale(1)}.button-port2:disabled{background-color:hsla(0,0%,80%,.3);box-shadow:0 0 0 0 hsla(0,0%,100%,0);color:#a3a3a3;cursor:auto}@media only screen and (max-width:800px){.icon-container{height:10vw;width:10vw}}@media only screen and (max-device-width:800px){.button-port2{height:40px}}.slider-box{display:grid}.slider-image,.slider-image-behind-box{grid-column:1;grid-row:1}.slider-image{aspect-ratio:1/1;border-radius:5%;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);object-fit:cover;width:calc(100% - 40px);z-index:3}.slider-image.full{max-width:100%;width:100%}.slider-image-behind-box{aspect-ratio:1/1;bottom:-20px;cursor:pointer;display:grid;left:40px;position:relative;transition:.3s;width:calc(100% - 40px);z-index:0}.slider-image-behind-box:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.slider-button{align-self:center;grid-column:1;grid-row:1;height:40px;justify-self:end;opacity:.7;position:relative;transition:.5s ease-out;width:40px;z-index:2}.slider-image-behind-cover{background:linear-gradient(-50deg,var(--pri-o),transparent);z-index:1}.slider-image-behind,.slider-image-behind-cover{border-radius:5%;grid-column:1;grid-row:1;width:100%}.slider-image-behind{aspect-ratio:1/1;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);object-fit:cover;transition:.3s}@media only screen and (max-width:500px){.slider-image{max-width:calc(100% - 40px);width:100%}.slider-image-behind-box{left:30px;width:calc(100% - 30px)}.slider-button{height:25px;justify-self:end;left:-5px;width:25px}}.about-box{padding:20px;text-align:justify}.content{grid-row-gap:20px;grid-column-gap:2vw;-webkit-column-gap:2vw;column-gap:2vw;display:grid;grid-template-columns:1fr 1fr;margin-left:2vw;margin-right:2vw;padding-bottom:60px;padding-top:60px;row-gap:20px}.image-box{align-items:center;display:flex;height:100%;justify-content:center}.image-container{max-width:min(80vh,1000px);width:100%}.desc-box,.desc-inside-box{display:flex;flex-direction:column;height:100%}.desc-inside-box{justify-content:space-between}.detail-box{grid-column-gap:20px;border:2px solid var(--acc);border-radius:20px;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;padding:10px;text-align:left;transition:.5s}.detail-item{display:flex;flex-direction:column;margin-bottom:15px}.detail-item-label{color:var(--acc);font-size:small;margin-bottom:10px}.detail-item p{line-height:25px;margin:0}@media only screen and (max-width:850px){.content{display:grid;grid-template-columns:1fr;padding-top:0}.desc-box{margin-right:auto}.image-box{display:none}}@media only screen and (max-width:500px){.detail-box{grid-template-columns:1fr}}.portfolio{background-color:var(--pri-d);padding-bottom:100px;padding-top:30px}.project-box{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:80px;padding:20px}.presentation-box{align-items:center;align-self:center;display:grid;justify-self:center;max-width:min(60vh,100vw);width:100%}.presentation-icons{padding-left:10%;row-gap:5px}.presentation-icons,.presentation-icons-invert{-webkit-column-gap:4%;column-gap:4%;display:flex;flex-wrap:wrap;height:60px;max-width:100vw;position:relative;top:-30px;z-index:3}.presentation-icons-invert{justify-content:flex-end;padding-right:20%}.description-box{display:flex;flex-direction:column;margin-right:5vw}.description-box-invert{display:flex;flex-direction:column;margin-left:5vw}.title-desc-box-invert{text-align:end}.proj-desc-content-box{height:100%}.description-vertical-divider{border-left:4px solid var(--acc);border-radius:1px;width:0}.description,.description-invert{-webkit-column-gap:20px;column-gap:20px;display:flex;padding-bottom:40px;text-align:justify}.description-invert{justify-content:flex-end}@media only screen and (max-width:850px){.project-box{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr;padding:20px}.description-box{display:flex;flex-direction:column;margin-right:auto}}@media only screen and (max-device-width:850px){.project-box{grid-template-columns:1fr 1fr}.presentation-icons,.presentation-icons-invert{height:40px;top:-30px}}@media only screen and (max-device-width:500px){.project-box{grid-template-columns:1fr}.presentation-icons,.presentation-icons-invert{height:40px;top:-30px}}.linked-icon-container{align-items:center;aspect-ratio:1/1;background-color:var(--acc);border-radius:10%;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);cursor:pointer;display:flex;height:100%;justify-content:center;transition:.1s ease-out}.linked-icon-container:hover{box-shadow:11px 11px 30px -10px rgba(0,0,0,.69);-webkit-transform:scale(1.07);transform:scale(1.07);transition:.1s ease-out}.linked-icon-container:active{box-shadow:0 0 0 0 rgba(0,0,0,.69);-webkit-transform:scale(1);transform:scale(1)}.linked-icon-svg{height:80%;width:80%}.portfolio-project{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;text-align:center;width:100%}.portfolio-project-title{color:var(--acc);padding-left:10px;padding-right:10px}.portfolio-project p{width:70%}.react-icon-portfolio-svg{height:60px;margin-bottom:30px;width:60px}.portfolio-project-shots{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:50px}.portfolio-project-shot{display:flex;justify-content:center;width:30%}.portfolio-project-phone-shot{aspect-ratio:9/19;max-width:50%}.portfolio-project-phone-shot,.portfolio-project-wide-shot{border-radius:5px;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69)}.portfolio-project-wide-shot{aspect-ratio:16/9;max-width:100%}.portfolio-divider{background-color:var(--acc);border-color:var(--acc);border-radius:2px;height:4px;margin-left:-2px;margin-top:0;max-width:800px;width:70%}@media only screen and (max-width:800px){.react-icon-portfolio-svg{height:40px;margin-bottom:30px;width:40px}.portfolio-project-shot{display:flex;justify-content:center;width:70%}.portfolio-project-shots{align-items:center;display:flex;flex-direction:column;gap:30px;margin-bottom:30px}}.contact-box{background-color:var(--pri)}.contact-icones-box{-webkit-column-gap:60px;column-gap:60px;display:flex;justify-content:center;margin-bottom:100px;margin-top:60px;width:100%}.contact-icon-con{align-items:center;background-color:var(--pri-d);border-radius:50%;box-shadow:11px 11px 21px -10px rgba(0,0,0,.69);cursor:pointer;display:flex;height:80px;justify-content:center;transition:.5s ease-out;width:80px}.contact-icon-con.mobile{border-radius:40px;display:flex;justify-content:flex-start;width:250px}.contact-icon-con:hover{box-shadow:11px 11px 30px -10px rgba(0,0,0,.69);-webkit-transform:scale(1.1);transform:scale(1.1);transition:.1s ease-out}.contact-icon-con:active{box-shadow:0 0 0 0 rgba(0,0,0,.69);-webkit-transform:scale(1);transform:scale(1)}.contact-icon{aspect-ratio:1/1;height:60%;width:60%}.contact-ass-box{display:grid;justify-content:end;padding:0 20px 20px}@media only screen and (max-width:550px){.contact-box{display:flex;flex-direction:column;min-height:400px}.contact-icones-box{align-items:center;-webkit-column-gap:normal;column-gap:normal;display:flex;justify-content:space-evenly;margin-bottom:auto;margin-top:auto;width:100%}}@media only screen and (max-device-width:550px){.contact-box{height:calc(100vh - 50px)}.contact-box,.contact-icones-box{display:flex;flex-direction:column}.contact-icones-box{font-weight:700;height:calc(100vh - 200px);justify-content:center;row-gap:10%;width:100%}.contact-ass-box{display:grid;justify-content:end;padding:0 10px 10px}}.skills-section{align-items:center;display:flex;flex-direction:column;padding-top:80px;text-align:center}.skills-container{grid-row-gap:20px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,270px);justify-content:center;margin-bottom:150px;margin-top:70px;max-width:1300px;row-gap:20px;width:100%}.skills-block{align-items:center;background-color:var(--pri-d);border-radius:10px;-webkit-column-gap:10px;column-gap:10px;display:flex;height:60px;justify-content:space-between;padding:10px;width:250px}.skills-block-text{overflow:hidden;text-overflow:ellipsis;width:100%}@media only screen and (max-width:800px){.skills-container{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:repeat(auto-fill,190px);row-gap:10px}.skills-block{width:170px}}@media only screen and (max-device-width:800px){.skills-container{grid-template-columns:repeat(auto-fill,150px)}.skills-block{-webkit-column-gap:5px;column-gap:5px;height:50px;width:130px}}.action-box{-webkit-column-gap:30px;column-gap:30px;display:flex;justify-content:center;margin:25px 10px 10px}:root{--pri-d:#0a2647;--pri:#144272;--pri-l:#205295;--pri-o:rgba(20,66,114,.7);--sec:#fff;--sec-t:hsla(0,0%,100%,.1);--acc:#e4c41f}body,html{background-color:#144272;background-color:var(--pri);color:#fff;color:var(--sec);font-family:League Spartan,ubuntu,sans-serif;font-size:x-large;margin:0}h1{font-size:60px}h2{font-size:xxx-large}h3{font-size:xx-large}h4{font-size:x-large}small{font-size:small}p{font-size:x-large;line-height:25px;white-space:pre-line}button{font-size:large}@media only screen and (max-width:800px){button{font-size:medium}}@media only screen and (max-device-width:800px){body,html{font-size:large}h1{font-size:40px}h2{font-size:xx-large}h3{font-size:x-large}h4{font-size:large}small{font-size:small}p{font-size:large;line-height:20px;white-space:pre-line}button{font-size:small}}
/*# sourceMappingURL=main.35b1468a.css.map*/