body,html{padding:0}.App,body,html{height:100%;margin:0;width:100%}.App{text-align:center}.content{height:100%}.cv-wrapper,.front-end{display:flex;flex-direction:column}.cv-wrapper{background-color:#353545;justify-content:center;margin:0;padding:100px 0;width:100%}.cv{margin:10px 15%}.cv p{color:#f1f1f1;font-weight:700;margin-bottom:35px}.cv-download-front{background-color:#3d3d66;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:5px solid #00ffc8;color:#eff5f7;cursor:pointer;font-size:100%;font-weight:700;height:80px;margin:10px;padding:15px;text-align:center;width:250px}.cv-download-front img{margin-right:15px}.cv-download-front:hover{background-color:#3d3d66;border-color:#3ebb33}.cv-download-front:active{background-color:#00ffc8;border-color:#3d3d66;color:#1f1f1f}.cv-download-game{background-color:#3d3d66;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:5px solid #f0a;color:#eff5f7;cursor:pointer;font-size:100%;font-weight:700;height:80px;margin:10px;padding:15px;text-align:center;width:250px}.cv-download-game img{margin-right:15px}.cv-download-game:hover{background-color:#3d3d66;border-color:#bb3345}.cv-download-game:active{background-color:#f0a;border-color:#3d3d66;color:#1f1f1f}.experience{display:flex;flex-direction:column}.skills-wrapper-front{border-bottom:3px solid #3ebb33;margin:0 10% 2em}.skills-wrapper-front .skill-title{color:#3ebb33;font-weight:800;margin-bottom:2em;text-shadow:2px 2px 8px rgba(0,0,0,.486)}.skills-wrapper-front .skills-list{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:10px 15% 80px 25%;max-height:30em;padding:0}.skills-wrapper-front .skills-list .skill{border-left:3px solid #3ebb33;color:#d1d1ff;height:30px;margin:10px 25px;padding-left:8px;text-align:left;width:85px}.skills-wrapper-game{border-bottom:3px solid #bb3345;margin:0 10% 2em}.skills-wrapper-game .skill-title{color:#bb3345;font-weight:800;margin-bottom:2em;text-shadow:2px 2px 8px rgba(0,0,0,.486)}.skills-wrapper-game .skills-list{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:10px 15% 80px 25%;max-height:30em;padding:0}.skills-wrapper-game .skills-list .skill{border-left:3px solid #bb3345;color:#d1d1ff;height:30px;margin:10px 25px;padding-left:8px;text-align:left;width:85px}.info-page{background-color:#d1cfe2;display:flex;flex-direction:column}.about-me-wrapper{align-items:center;display:flex;height:90vh;margin:0 15%;text-align:left}.about-me-wrapper .about-me{margin-right:10%}.about-me-wrapper .about-me span{font-size:120%}.about-me-wrapper .about-me a{color:#299c42;cursor:pointer;font-weight:bolder;text-decoration:none}.about-me-wrapper .about-me a:hover{color:#3a299c;letter-spacing:2px}.about-me-wrapper .about-me p{margin-right:2%;text-align:justify}.about-me-wrapper .name-frontend{color:#3ebb33;margin:50px}.about-me-wrapper .name-gamedev{color:#bb3345;margin:50px}.about-me-wrapper .pfp{border-radius:50%;box-shadow:5px 5px 1em rgba(37,37,37,.582);margin-top:25px;width:250px}@-webkit-keyframes img-hover{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes img-hover{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.social{display:flex;list-style:none}.social li{background-color:#3a299c;border-radius:15px;cursor:pointer;margin:0 5px;padding:5px;text-align:center;width:80px}.social li img{width:35%}.social li:hover{background-color:#9c2929}.social li:hover img{-webkit-animation:img-hover .5s ease forwards;animation:img-hover .5s ease forwards}.social li:active{background-color:#7dc0ff;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:850px){.about-me-wrapper .pfp{width:150px}.social li{border-radius:15px;margin:0 5px;padding:5px;width:50px}}@media (max-width:700px){.about-me-wrapper{flex-direction:column-reverse;height:auto;margin:15%}.about-me-wrapper .about-me{margin-right:10%;margin-top:50px}.about-me-wrapper .about-me span{font-size:100%}.about-me-wrapper .about-me p{margin:0;text-align:justify}.about-me-wrapper .name{color:#ca5f5f;font-size:150%;margin:0}}.repos-wrapper{background-color:#d1cfe2;padding:150px 0}.repo-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px;padding:50px 0}.repo-wrapper{border-radius:5px;box-shadow:0 0 1em #0000009d;cursor:pointer;display:flex;flex-direction:column;height:200px;margin:15px 20px;overflow:hidden;text-align:center;text-decoration:none;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:320px}.repo-wrapper .title{background-color:#7cec94;border-top:2px solid #4c37c7;color:#272635;font-size:120%;font-weight:700;line-height:50px;margin:0;padding:0}.repo-wrapper .repo-cover{height:148px;position:relative}.repo-wrapper .repo-cover .repo-options{margin:14% 26%;opacity:0;position:absolute;transition:opacity .5s ease-in-out;z-index:100}.repo-wrapper .repo-cover .repo-options img{background-color:#ffffff70;border-radius:15px;margin:5px;padding:15px 20px;width:25px}.repo-wrapper .repo-cover .repo-options img:hover{background-color:#48ac4d70}.repo-wrapper .repo-cover .repo-options img:active{background-color:#5ad656fb}.repo-wrapper .repo-cover img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;margin:0;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:100%}.repo-wrapper:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.repo-wrapper:hover .repo-cover img{background-blend-mode:screen;-webkit-filter:grayscale(0);filter:grayscale(0)}.repo-wrapper:hover .repo-options{opacity:1}@media (max-width:700px){.repo-wrapper .repo-cover img{-webkit-filter:grayscale(0);filter:grayscale(0)}}.header{margin:0;position:-webkit-sticky;position:sticky;top:0;z-index:200}.header nav{height:50px}.header nav ul{background:linear-gradient(180deg,#2c2c31,#222);display:flex;list-style:none;margin:0}.header nav ul .router-link{color:#fff;text-decoration:none}.header nav ul .router-link li{cursor:pointer;height:100%;line-height:50px;margin:0;padding:0 25px;text-align:center}.header nav ul .router-link:hover{background-color:#f3f3f344}.game-dev{display:flex;flex-direction:column}.games-wrapper{background-color:#d1cfe2;padding:150px 0}.game-list{flex-wrap:wrap;margin:15px 10% 0;padding:50px 0}.game,.game-list{display:flex;justify-content:center}.game{align-items:center;background-color:#bb3345;box-shadow:0 0 1em #00000088;height:150px;margin:15px 30px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:450px}.game .info{display:flex;flex-direction:column;height:80%;justify-content:flex-start;margin-left:25px;margin-right:10px;text-align:left;width:100%}.game .info a{color:#161618;cursor:pointer;font-size:100%;text-decoration:none}.game .info a:hover{-webkit-animation:title-hover .5s forwards;animation:title-hover .5s forwards}.game .info p{margin:0}.game .info .title{font-size:150%;font-weight:bolder}.game .info .description{color:#2b2b2e;font-size:90%;margin-left:10px;margin-top:3px}.game .info .git-code{background-color:#d1cfe244;border-radius:50%;height:50px;margin-top:20px;position:relative;width:50px}.game .info .git-code img{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.game .info .git-code:hover{background-color:#8bbbf1}.game:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.game-link{height:100%;margin:0}.game-link .cover{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%}.game-link:hover .cover{-webkit-animation:cover-color .5s forwards;animation:cover-color .5s forwards}@-webkit-keyframes cover-color{0%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}to{-webkit-filter:grayscale(0);filter:grayscale(0)}}@keyframes cover-color{0%{-webkit-filter:grayscale(100%);filter:grayscale(100%)}to{-webkit-filter:grayscale(0);filter:grayscale(0)}}@-webkit-keyframes title-hover{0%{color:#161618;cursor:pointer;font-size:100%;text-decoration:none}to{color:#60609e;font-size:105%}}@keyframes title-hover{0%{color:#161618;cursor:pointer;font-size:100%;text-decoration:none}to{color:#60609e;font-size:105%}}@media (max-width:700px){.game{flex-direction:column;height:370px;width:300px}.game .info{align-content:center;justify-content:center space-between;margin:30px 15px 10px;text-align:center;width:auto}.game .info .description{margin-left:0;margin-top:15px}.game .info .git-code{margin-left:35%}.game-link{height:auto;margin:0;width:100%}.game-link .cover{-webkit-filter:grayscale(0);filter:grayscale(0);width:100%}}.selectSection{display:flex;height:100%;overflow:hidden}.button-section{border:none;color:#e7e7e7;cursor:pointer;font-size:250%;font-weight:bolder;height:100%;line-height:100vh;margin:0;text-align:center;text-decoration:none;width:100vw}.button-section p{text-shadow:2px 2px 0 #000}.button-section img{margin:0}.front-end-section{background:url(/static/media/frontend.7bb8d3b70e6cc8bcbe16.jpg) no-repeat;background-blend-mode:multiply;background-color:none;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out}.front-end-section:hover{background-color:#86df7a;-webkit-filter:grayscale(0);filter:grayscale(0);font-size:225%;-webkit-transform:scale(1.1);transform:scale(1.1)}.game-dev-section{background:url(/static/media/controller.70a7f67bdd0a70c7475c.jpg) no-repeat;background-color:none;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out}.game-dev-section:hover{background-color:#df7a7a;-webkit-filter:grayscale(0);filter:grayscale(0);font-size:225%;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:700px){.selectSection{display:flex;flex-direction:column}.button-section{height:50vh;line-height:50vh;width:100%}}
/*# sourceMappingURL=main.0f999810.css.map*/