*{margin:0;padding:0;outline:0;box-sizing:border-box}body,div#root,html{height:100%;width:100%}body{background:#222;color:#f0f0f0;-webkit-font-smoothing:antialiased!important}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;height:100%}.home-container .disable-selection,.home-container .disable-selection>span{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-container .first-letter{font-size:10rem}.home-container .first-letter .others-letters{display:none}.home-container .first-letter .others-letters.start-animation{display:inline-flex;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:2.5s;animation-duration:2.5s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.home-container .job-position{margin-top:10px;width:auto;border-right:2px solid #f0f0f0;white-space:nowrap;overflow:hidden;-webkit-animation:typewriter 3s steps(44) .25s 1 normal both,blinkTextCursor .5s steps(44) infinite normal;animation:typewriter 3s steps(44) .25s 1 normal both,blinkTextCursor .5s steps(44) infinite normal}@-webkit-keyframes typewriter{0%{max-width:0}to{max-width:200px}}@keyframes typewriter{0%{max-width:0}to{max-width:200px}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:#f0f0f0}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:#f0f0f0}to{border-right-color:transparent}}.home-container .social-media{display:inline-flex;justify-content:space-between;padding-top:25px;width:150px}.home-container .social-media img{width:30px;cursor:pointer}@media screen and (max-width:1023px){.home-container .first-letter{font-size:4rem}}.home-container .portfolio-button{margin-top:25px;padding:10px;background:transparent;color:#f0f0f0;border:1px solid #f0f0f0;text-decoration:none;cursor:pointer}.home-container .portfolio-button:hover{color:#222;border:1px solid #222;background:#f0f0f0}.project-container{display:flex;flex-direction:column;position:relative;height:100%}.project-container a{display:flex;color:#fff;height:100%}.project-container .color{position:absolute;background:rgba(0,0,255,.5);height:100%;opacity:1;width:100%}.project-container .project-info{position:absolute;background:rgba(0,0,0,.5);height:100%;width:100%;opacity:0;padding:5px 25px 25px;-webkit-transition:padding .3s ease-out;transition:padding .3s ease-out;color:#dcdcdc}.project-container .project-info:hover{opacity:1;padding-top:25px}.project-container .project-info label{font-size:24px;font-weight:600}.project-container .project-info footer{font-size:18px;padding-top:10px;font-weight:400}.project-container img{max-width:100%;border:5px solid transparent}@media screen and (max-width:1023px){.project-container .project-info{opacity:1;padding-top:25px}}.portfolio-container{display:flex;flex-direction:column;margin:auto;height:100%;max-width:1200px}.portfolio-container .header{display:flex;position:relative;padding-top:50px;align-items:center}.portfolio-container .header .back-button{display:flex;align-items:center;justify-content:space-around;width:55px;position:absolute;cursor:pointer}.portfolio-container .header h2{margin:0 auto}.portfolio-container .projects{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:50px}@media screen and (max-width:1023px){.portfolio-container .projects{display:grid;grid-template-columns:1fr;grid-row-gap:10px}}
/*# sourceMappingURL=main.090582a8.chunk.css.map */