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)}}body,html{height:100%;margin-bottom:0;margin-top:0;padding-top:0}.profile-container,body{align-items:center;display:flex;justify-content:center}.profile-img{border:5px solid #000;border-radius:50%;-webkit-filter:grayscale(0);filter:grayscale(0);height:30vh;margin-bottom:2rem;transition:-webkit-filter .2s ease-in-out;transition:filter .2s ease-in-out;transition:filter .2s ease-in-out,-webkit-filter .2s ease-in-out;width:30vh}.profile-img:hover{background-color:aqua}.info{align-items:flex-end;display:flex;flex-direction:column;margin-left:2em}.info h1{border-bottom:1px solid #000;margin-bottom:.5rem;padding-right:1rem;text-align:right}.info h1,h1{font-family:Helvetica Neue,sans-serif;font-size:3rem;font-weight:700}h1{margin-top:0}h1,h3{display:flex;justify-content:flex-end}h3{height:30px}.typing{-webkit-animation:typing .8s steps(15) infinite,blink-caret .75s step-end infinite;animation:typing .8s steps(15) infinite,blink-caret .75s step-end infinite}.replace,.typing{align-items:flex-end;display:flex;height:30px}.replace{-webkit-animation:replace .8s steps(15) infinite,blink-caret .75s step-end infinite;animation:replace .8s steps(15) infinite,blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:100%}to{width:100%}}@keyframes typing{0%{width:100%}to{width:100%}}@-webkit-keyframes replace{0%{width:100%}to{width:100%}}@keyframes replace{0%{width:100%}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#b07806}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#b07806}}nav{align-items:center;display:flex;justify-content:center}nav img{height:50px;margin:0 1rem;width:50px}.nav-img:hover{background-color:aqua;border-radius:25px;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease-in-out}.nav-item:hover img{-webkit-filter:brightness(50%);filter:brightness(50%)}@media only screen and (orientation:portrait) and (max-width:768px){.profile-container{align-items:center;flex-direction:column}.info{margin:1.5rem 0 0}.info,.info h1{text-align:center}.info h1{border:none;font-size:2rem;margin:0;padding-right:0}}.about-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:60rem;max-width:800px;padding:2rem;position:relative}.about-container img{height:auto;max-height:400px;object-fit:cover;width:100%}.image-slider{height:400px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.image-slider img{height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes slide{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes slide{0%{opacity:0}20%{opacity:1}to{opacity:0}}.slide{height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%}.slide.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide-title{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;font-size:1.5rem;left:0;padding:.5rem;position:absolute;text-align:center;width:100%}.about-container p{line-height:1.5;margin:1rem 0;max-width:800px;text-align:justify}.skills-container{flex-wrap:wrap;justify-content:center;margin-top:2rem;max-width:800px}.skill,.skills-container{align-items:center;display:flex}.skill{flex-direction:column;margin:1rem;width:100px}.skill img{height:64px;object-fit:contain;width:64px}.skill p{font-weight:700;margin-top:.5rem;text-align:center}.slide-container .arrow{align-items:center;background:hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:background-color .3s ease-in-out;width:30px;z-index:2}.slide-container .arrow:hover{background-color:#fff}.slide-container .prev{left:10px}.slide-container .next{right:10px}.slide-container .dots{align-items:center;bottom:20px;display:flex;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.slide-container .dot{background-color:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;height:10px;margin:0 5px;transition:background-color .3s ease-in-out;width:10px}.slide-container .dot.active{background-color:#fff}.menu-nav{align-items:center;background-color:#282c34;justify-content:space-between;left:0;padding:.5rem 1rem;position:fixed;top:0;width:100%;z-index:1000}.menu-nav a{margin-right:1rem}.menu-nav a:last-child{margin-right:0}.menu-nav{display:flex;justify-content:center;margin-bottom:1rem}.menu-nav a{color:#fff;font-size:1.2rem;margin:0 1rem;padding:.5rem;text-decoration:none}.menu-nav a.active,.menu-nav a:hover{border-bottom:2px solid #61dafb;color:#61dafb}.projects{display:flex;flex-wrap:wrap;justify-content:center;margin-top:80rem;max-width:960px}.project-summary{background-color:#f7f7f7;background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.15);color:#333;display:flex;flex-direction:column;height:20rem;margin:1rem;overflow:hidden;position:relative;text-align:center;width:40rem}.project-summary:before{background:linear-gradient(hsla(0,0%,100%,0),#fff);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-summary:hover .gradient{-webkit-transform:translateY(0);transform:translateY(0)}.project-summary h1{color:#333;font-size:1.53rem;font-weight:900;height:80px;margin-bottom:0}.project-summary .gradient,.project-summary h1{display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2}.project-summary .gradient{background:linear-gradient(hsla(0,5%,8%,0),hsla(0,0%,100%,.8));bottom:0;left:0;position:absolute;-webkit-transform:translateY(90%);transform:translateY(90%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-summary p{font-size:.7rem;margin-left:2rem;margin-right:2rem;text-align:center}.project-summary .techs{display:flex;justify-content:center;margin-bottom:1rem}.project-summary .tech{background-color:#333;border-radius:15px;color:#fff;font-size:.7rem;margin:.2rem;padding:.2rem .5rem}.project-summary .buttons{display:flex;flex-direction:row;justify-content:center}.buttons img{height:5vh;margin:1rem;width:auto}@media (max-width:600px){.project-summary{height:15rem;width:15rem}.project-summary h3{font-size:1.25rem}}
/*# sourceMappingURL=main.6a840710.css.map*/