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)}}.header{align-items:center;background-color:#fff;color:#313131;display:flex;padding:20px}@media(max-width:599px){.header{justify-content:space-between}}@media(min-width:600px){.header{justify-content:space-between}}@media(min-width:900px){.header{justify-content:center}}.header .logo{margin-right:50px;width:150px}.header .nav-links{display:none;list-style:none}@media(min-width:900px){.header .nav-links{display:flex}}.header .nav-links .nav-link{color:#313131;font-weight:lighter;letter-spacing:.2rem;margin-right:10px;text-decoration:none}@media(max-width:599px){.header .nav-links .nav-link{margin-right:30px}}@media(min-width:900px){.header .nav-links .nav-link{margin-right:100px}}.header .nav-links .nav-link.active,.header .nav-links .nav-link:hover{color:#ffa9a9}.header .burger-icon{display:none}.header .burger-icon .bar{background-color:#cec5ba;height:4px;margin:6px 0;width:30px}.header .burger-icon.open .bar{background-color:#ffa9a9}@media(max-width:599px){.header .burger-icon{cursor:pointer;display:block}}@media(min-width:600px){.header .burger-icon{cursor:pointer;display:block}}@media(min-width:900px){.header .burger-icon{display:none}}.burger-icon.open .bar:first-child{-webkit-transform:rotate(-45deg) translate(-9px,5px);transform:rotate(-45deg) translate(-9px,5px)}.burger-icon.open .bar:nth-child(2){opacity:0}.burger-icon.open .bar:nth-child(3){-webkit-transform:rotate(45deg) translate(-9px,-5px);transform:rotate(45deg) translate(-9px,-5px)}.nav-links.show{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:75vh;left:0;position:absolute;right:0;top:115px;z-index:10}.nav-links.show li{margin:20px 0}.video-container{position:fixed;z-index:-1}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slide-in{-webkit-animation:slide-in .5s ease-in-out;animation:slide-in .5s ease-in-out}.content-about{justify-content:center;margin:0 auto 100px;width:60vw}@media(max-width:599px){.content-about{text-align:left}}@media(min-width:900px){.content-about{text-align:center;width:40vw}}@media(min-width:1800px){.content-about{text-align:center;width:30vw}}.header-big{font-size:1.8rem;letter-spacing:.2rem}.header-big,.header-small{font-weight:lighter;text-align:center}.header-small{font-size:1.2rem}.input-contact{font-family:sans-serif;font-size:.8rem}.work{text-align:center}.gallery{margin-left:50px;margin-right:50px}.image-overlay{background:rgba(0,0,0,.6)}.gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:100px}@media(max-width:599px){.gallery{margin-left:50px;margin-right:50px}}@media(min-width:900px){.gallery{margin-left:300px;margin-right:300px}}@media(min-width:1800px){.gallery{margin-left:500px;margin-right:500px}}.gallery .image-container{cursor:pointer;overflow:hidden;position:relative}.gallery .image-container img{max-height:95%;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:95%}.gallery .image-container:hover img{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.image-overlay,.image-popup{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.image-popup img{max-height:90%;max-width:90%}form{margin:0 auto 100px;max-width:20vw}@media(max-width:599px){form{max-width:70vw}}input[type=email],input[type=text],textarea{border:1px solid #ccc;border-radius:4px;font-size:.8rem;margin-bottom:20px;margin-top:5px;padding-top:5px;width:100%}input[type=email]:focus,input[type=text]:focus,textarea:focus{box-shadow:0 0 2px rgba(0,89,255,.5);outline:none}input[type=submit]{background-color:#ffa9a9;border:none;border-radius:4px;box-shadow:0 0 2px hsla(0,0%,58%,.8);color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:10px 20px}input[type=submit]:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}textarea{height:150px}.footer-content{background-color:#fff;bottom:0;font-size:.8rem;height:80px;position:fixed;width:100%}.text-footer{color:gray;font-size:.8rem;margin-top:40px}.main-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.header-name{-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;background-color:#363b37;color:transparent;font-family:Segoe UI;font-size:6rem;font-weight:300;letter-spacing:.08em;margin-top:8rem;text-align:center;text-shadow:hsla(0,0%,96%,.301) 2px 2px 2px;text-transform:uppercase}@media(max-width:599px){.header-name{font-size:2rem}}.role{align-items:center;display:flex;margin-top:2rem;opacity:0;text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease}.main-wrapper.show .role{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.vertical-line{background-color:#879489;height:5rem;width:1px}.role-text{font-size:1.5rem;width:20rem}@media(max-width:599px){.role-text{font-size:1rem;width:11rem}}.text-role-developer{color:#744539;font-family:Shadows Into Light;font-weight:600;text-decoration:none}.text-role-developer:hover{cursor:pointer;font-size:1.6rem}.text-role-artist{color:#444f56;font-family:Shadows Into Light;margin-left:-1rem;text-decoration:none}.text-role-artist:hover{cursor:pointer;font-size:1.6rem}.developer-wrapper{align-items:center;background-color:#744539;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;margin:auto;position:relative;text-align:justify;width:100%;z-index:1}@media(max-width:599px){.developer-wrapper{padding-bottom:5rem}}.content-wrapper{width:45%}@media(max-width:599px){.content-wrapper{width:65%}}.text{font-family:Quicksand;font-size:1.1rem;margin-top:2rem}@media(max-width:599px){.text{font-size:.8rem}}.background-text{color:hsla(28,12%,58%,.1);font-family:Quicksand;font-size:7rem;line-height:90%;position:absolute;text-align:left;z-index:-1}@media(min-width:900px){.background-text{color:hsla(28,12%,58%,.1);font-size:15rem;margin-top:-100px}}@media(min-width:1800px){.background-text{color:hsla(28,12%,58%,.1);font-size:19rem;margin-top:-140px}}.information,.information-person,.link-socials,.project-link,.skills,.web3{color:#fff;font-size:1.2em}.information-person{color:#cfcdc2}.web3{color:gold}.project-link,.web3{cursor:pointer;font-weight:700}.project-link{color:skyblue}.link-socials{color:hotpink;cursor:pointer;font-style:italic}.headerLoggedIn{color:#fff;margin-top:2rem}@media(max-width:599px){.headerLoggedIn{font-size:.9rem}}.userId{color:#8ad18a}@media(max-width:599px){.userId{font-size:.9rem}}.moreInfo{color:#fff;text-align:left}@media(max-width:599px){.moreInfo{font-size:.9rem}}.logout{background-color:hsla(28,12%,58%,.2);border:none;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,.1);color:#e9e7dd;cursor:pointer;font-size:.8rem;margin-bottom:2rem;margin-top:1rem;padding:.3rem .8rem}body{overflow-x:hidden}
/*# sourceMappingURL=main.849b6cd7.css.map*/