:root{--color-background:#030101;--color-text-dark:#040c05;--color-block-background:#0f0d2a;--color-text-light:#ddb;--color-background3:#090816;--color-background:#000;--color-spotted:rgba(0,250,0,0.4);--font-text-button:"Oxygen";--font-text-block:"Oxygen";--font-title-section:"Roboto Mono";--font-title-section:"Jura";--font-text-general:"Mulish",sans-serif}body{margin:0;padding:0;background-color:#000;background-color:var(--color-background);overflow-x:hidden;color:#ddb;font-family:var(--font-text-light)}.App{display:flex;width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}h2,h3,h4,h5,h6{font-family:"Mulish",sans-serif;font-family:var(--font-text-general)}header#header-container{position:fixed;background-color:var(--color-block-background);width:8vw;height:100vh;font-family:Quicksand;box-shadow:1px 1px 15px #000;color:var(--color-text-light);display:flex;flex-direction:column;-webkit-animation:navBoxShadow 3s linear infinite;animation:navBoxShadow 3s linear infinite}@-webkit-keyframes navBoxShadow{0%{box-shadow:1px 1px 5px #000}50%{box-shadow:1px 1px 50px #000}to{box-shadow:1px 1px 10px #000}}@keyframes navBoxShadow{0%{box-shadow:1px 1px 5px #000}50%{box-shadow:1px 1px 50px #000}to{box-shadow:1px 1px 10px #000}}header#header-container>div{cursor:pointer;display:flex;justify-content:center;transition-duration:.5s;box-sizing:border-box}header#header-container>div,header#header-container>div:hover{border:1px solid var(--color-background);border-left:0;border-top:0}header#header-container>div:hover{background-color:var(--color-background);padding-top:1em;-webkit-animation:loucuraCaixaDoLogo 2s linear;animation:loucuraCaixaDoLogo 2s linear}@-webkit-keyframes loucuraCaixaDoLogo{0%{border-color:var(--color-spotted);color:var(--color-background);background-color:var(--color-spotted)}25%{border-color:var(--color-background);color:var(--color-spotted);background-color:var(--color-background)}75%{border-color:var(--color-background);color:var(--color-spotted);background-color:var(--color-background)}to{border-color:var(--color-background);color:var(--color-text-light);background-color:var(--color-background)}}@keyframes loucuraCaixaDoLogo{0%{border-color:var(--color-spotted);color:var(--color-background);background-color:var(--color-spotted)}25%{border-color:var(--color-background);color:var(--color-spotted);background-color:var(--color-background)}75%{border-color:var(--color-background);color:var(--color-spotted);background-color:var(--color-background)}to{border-color:var(--color-background);color:var(--color-text-light);background-color:var(--color-background)}}header#header-container>div:hover p:first-of-type{transform:rotate(180deg);text-decoration:none}header#header-container>div:hover p:last-of-type{margin-top:.1em;transform:rotate(-1turn);text-decoration:none}header#header-container>div>div{position:absolute;font-size:2em;transform:rotate(180deg);right:1%;transition:top 2s,transform 3s,right 2s;top:-6%;opacity:0}header#header-container>div:hover div{transform:rotate(150deg);right:1%;opacity:1;top:-1.5%}header#header-container>div p{transition:transform 1s,margin-top 1s;font-size:1.8em;font-weight:700;letter-spacing:0;width:auto;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:line-through}header#header-container>div p:first-of-type{transform:scaleX(-1)}header#header-container>div p+p{margin-left:-.25em}header#header-container nav{flex-grow:1;display:flex}header#header-container nav ul{font-size:1.3em;width:8vw;display:flex;flex-direction:column;flex-grow:1;margin:0;padding:0}header#header-container nav ul li{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;box-sizing:border-box;transition-duration:.4s;border-right:1px solid var(--color-block-background);border-left:0;cursor:pointer}.navItemSelected,header#header-container nav ul li:hover{background-color:var(--color-background);width:110%;padding-bottom:.4em;letter-spacing:.05em;font-size:1.2em;box-shadow:1px 1px 10px var(--color-background);border-right:1px solid var(--color-spotted);border-left:0}header#header-container nav ul li:hover span{opacity:1;color:var(--color-spotted)}header#header-container nav ul li a{transition-duration:.4s}header#header-container nav ul li a span{font-size:.6em;opacity:0;transition:opacity .5s,font-size .7s,color 2s}header#header-container nav ul li:hover a{transform:rotate(1turn)}#scrollUp{position:fixed;right:3%;top:90%;height:5em;font-size:2em}.navItemSelected span{opacity:1!important;color:var(--color-spotted)!important}.navItemSelected{all:unset;background-color:var(--color-background)!important;width:110%!important;padding-bottom:.4em!important;letter-spacing:.05em!important;font-size:1.2em!important;box-shadow:1px 1px 10px var(--color-background)!important;border-right:1px solid var(--color-spotted)!important;border-left:0}#landing-container{background-color:var(--color-background3);height:100vh}#landing-container,#landing-fita{display:flex;justify-content:center;align-items:center}#landing-fita{background-color:var(--color-block-background);color:#fff;height:2em;width:30vw;padding:.4em 2em;position:absolute;top:5%;right:-10%;transform:rotate(30deg);font-family:var(--font-title-section);outline:.1px solid green;border:.1px solid #90ee90}#photo-container{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:2fr 1fr 1fr;grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;grid-row-gap:0;row-gap:0;align-items:center;grid-template-areas:"button foto foto" "button foto foto" "nome nome nome"}#photo-container img{box-shadow:1px 1px 10px #000;height:15em;border-radius:50%;grid-area:foto;-webkit-animation:BoxShadowFoto 6s linear infinite;animation:BoxShadowFoto 6s linear infinite;border:1px solid #000}@-webkit-keyframes BoxShadowFoto{0%{box-shadow:1px 1px 10px #fff;border:1px solid #ff0}20%{box-shadow:1px 1px 40px #000;border:1px solid #000}40%{box-shadow:1px 1px 20px #ff0;border:1px solid green}60%{box-shadow:1px 1px 70px #000;border:1px solid #000}80%{box-shadow:1px 1px 20px green;border:1px solid #fff}99%{box-shadow:1px 1px 10px #fff;border:1px solid #ff0}}@keyframes BoxShadowFoto{0%{box-shadow:1px 1px 10px #fff;border:1px solid #ff0}20%{box-shadow:1px 1px 40px #000;border:1px solid #000}40%{box-shadow:1px 1px 20px #ff0;border:1px solid green}60%{box-shadow:1px 1px 70px #000;border:1px solid #000}80%{box-shadow:1px 1px 20px green;border:1px solid #fff}99%{box-shadow:1px 1px 10px #fff;border:1px solid #ff0}}#photo-container button{display:flex;align-items:center;justify-content:center;border:0;font-style:italic;background-color:var(--color-block-background);color:var(--color-text-light);font-family:var(--font-text-button);font-size:1.05em;height:2.5em;border-color:var(--color-background) var(--color-spotted) var(--color-spotted) var(--color-background);border-style:solid;border-width:1px;box-shadow:3px 3px 7px var(--color-spotted);border-bottom-left-radius:.7em;border-top-right-radius:.7em;transition-duration:1.55s}#photo-container button:hover{-webkit-animation:chacoalhar .15s ease-in;animation:chacoalhar .15s ease-in;cursor:pointer;box-shadow:-1px -1px 3px var(--color-spotted)!important;border-bottom-right-radius:.7em;border-top-left-radius:.7em;border-bottom-left-radius:0;border-top-right-radius:0;border-color:var(--color-spotted) var(--color-background) var(--color-background) var(--color-spotted);border-style:solid;border-width:1px}@-webkit-keyframes chacoalhar{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(0deg)}}@keyframes chacoalhar{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(0deg)}}#photo-container button:focus{border:0;box-shadow:0 0 var(--color-background);outline:1px solid var(--color-spotted)}#photo-container button i{font-size:.8em;display:none}#photo-container>p{color:var(--color-text-light);text-align:center;font-family:var(--font-title-section);font-size:1.6em;grid-area:nome}#landing-fita p{transition-duration:2s;padding:0 1em;-webkit-animation:trocarTexto 5s linear infinite;animation:trocarTexto 5s linear infinite;position:relative;white-space:nowrap}@-webkit-keyframes trocarTexto{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes trocarTexto{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width:1000px){#message-container{width:40%;left:55%}#landing-fita{display:none}}#titleSection-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#titleSection-container h1{font-size:3em;letter-spacing:.3em;font-weight:900;font-family:var(--font-title-section);text-align:center;line-height:.5em;transition-duration:1s;padding:0 0 0 .2em}#titleSection-container div{background-color:#fff;height:.05em;width:0;transition-duration:.4s}#titleSection-container:hover div,#titleSection-container div:hover div{background-color:var(--color-spotted)}#titleSection-container h1:hover{font-size:3.2em!important}#contentBlock-container{display:flex;justify-content:center;width:100%}#contentBlock-container fieldset{border:0!important;border-radius:15px;width:60%;text-align:center;background-color:var(--color-background3);box-shadow:2px 2px 20px var(--color-background);transition-duration:1s;position:relative;padding:2em;box-shadow:0 0 20px #000}#contentBlock-container fieldset legend{text-align:left;display:flex;justify-content:center;align-items:center;font-size:1.5em;padding:.2em;width:2em;border:1px solid #fff;border-radius:50%;height:2em;transition-duration:1s;background-color:var(--color-background3)}.legend2{background-color:transparent;position:absolute;left:75%;top:5%!important;justify-content:center;width:45%!important;transform:rotate(40deg)}#contentBlock-container fieldset p:first-letter{font-weight:700;font-size:1.8em;transition-duration:1s;letter-spacing:.2em}#contentBlock-container fieldset p{font-family:var(--font-text-block);line-height:1.7em;letter-spacing:.12em;transition-duration:.3s;transition-timing-function:ease-in;padding:.2em .5em .5em}#contentBlock-container fieldset:hover p{line-height:2.5em!important}#contentBlock-container fieldset:hover{border-color:var(--color-spotted);border-top-right-radius:0;border-bottom-left-radius:0;padding:1.5em;background-color:#000!important}#contentBlock-container fieldset:hover legend{transform:rotate(1turn);border-color:var(--color-spotted);color:var(--color-spotted);box-shadow:0 0 40px hsla(0,0%,78.4%,.05)}.lightContentBlock,.lightContentBlock legend{background-color:var(--color-background)!important}#section-container{height:100vh;display:flex;flex-direction:column;justify-content:center}#section-container:hover #titleSection-container div,#section-container:hover #titleSection-container div div{width:25%;background-color:var(--color-spotted);border-radius:5em;border-radius:#000!important}#section-container:hover #contentBlock-container fieldset legend{transform:rotate(1turn);border-color:var(--color-spotted);color:var(--color-spotted)}#section-container:hover #contentBlock-container fieldset{border-color:var(--color-spotted);border-top-right-radius:0;border-bottom-left-radius:0;padding:1.5em}#section-container:hover #contentBlock-container fieldset p{line-height:2em}#skill-container{margin-bottom:3em!important;display:block!important}#skill-container>div{display:flex;justify-content:space-between;align-items:center;height:0;width:100%}#skill-container div p:first-letter{font-weight:400;font-size:inherit}#skill-container div+div{outline:1px solid hsla(0,0%,100%,.9);background-color:hsla(0,0%,100%,.9);height:.8em;width:100%;display:block!important;border-top-right-radius:2px;border-bottom-right-radius:2px}#skill-container div+div div{height:100%;background-color:green;border-top-right-radius:100px;border-bottom-right-radius:-50px;box-shadow:0 0 30px green}#skill-container.soon{color:grey}#skill-container.soon div{outline-color:grey;background-color:grey}#skills-block-container{justify-content:center;width:100%;margin-top:2em}#skills-block-container div{display:flex;width:100%;margin-bottom:1em}#skills-block-container div fieldset{width:75%}#projects-container #contentBlock-container fieldset{width:80%;margin-top:2em}#projects-container div{display:flex}#projects-container #contentBlock-container{font-family:var(--font-text-block)}#projects-container #contentBlock-container h3,h4{font-family:var(--font-text-general)}#projects-container #contentBlock-container img{width:70%;padding-bottom:3.5em}#resume-container{height:100vh;display:flex;flex-direction:column;justify-content:center}#resume-container:hover #titleSection-container div,#resume-container:hover #titleSection-container div div{width:25%;background-color:var(--color-spotted);border-radius:5em;border-radius:#000!important}#resume-container:hover #contentBlock-container fieldset legend{transform:rotate(1turn);border-color:var(--color-spotted);color:var(--color-spotted)}#resume-container:hover #contentBlock-container fieldset{border-color:var(--color-spotted);border-top-right-radius:0;border-bottom-left-radius:0;padding:1.5em}#resume-container:hover #contentBlock-container fieldset p{line-height:2em}@media screen and (min-width:701px) and (max-width:900px){#header-container{width:12vw!important}#header-container nav ul li span{font-size:.5em!important}}@media screen and (max-width:700px){header#header-container>div{display:inherit;height:6em;align-items:center}#header-container{display:inherit!important;width:100vw!important;justify-content:center!important;position:absolute!important;flex-flow:1}header#header-container nav ul li:hover{width:100%}#header-container nav ul li span{opacity:1!important;padding-top:.8em}header#header-container nav{transition:1s;flex-grow:1!important}.hideMenu{opacity:0;margin-left:-130%!important}.showMenu{margin-left:0!important}}#graduation-container div #contentBlock-container fieldset{text-align:left}#graduation-container div #contentBlock-container{margin-bottom:3em}#graduation-container #graduation-row{display:flex;width:100%;font-size:1em}#graduation-container #graduation-row img{height:100%;border-radius:1em}#graduation-container #graduation-row div{height:5em}#graduation-container #graduation-row div+div{padding:0 1em;position:relative;top:-.5em}.graduation-status{flex:1 1;justify-content:flex-end;display:flex;align-items:center;font-size:1.4em;color:green}.inProgress svg{-webkit-animation:rotateSpinner 1.5s linear infinite;animation:rotateSpinner 1.5s linear infinite;color:#ff0}@-webkit-keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.graduation-box{display:flex;justify-content:center;left:0;margin:0}.graduation-box #contentBlock-container{width:100%}.button-container{display:flex;position:absolute;width:100%;left:0}.button-container button{flex:1 1;color:#fff;padding:1em 0;border:0;border-bottom:1px solid transparent;background-color:rgba(0,0,0,.8);transition-duration:1s}.button-container button:hover{font-size:1.1em;color:var(--color-spotted);cursor:pointer;border-bottom:1px solid var(--color-spotted)}#content{width:92%;margin-left:8vw}
/*# sourceMappingURL=main.c622df3d.chunk.css.map */