.main__content{overflow:hidden;position:relative}@media(min-width:300px)and (max-width:500px){.main__title__text{font-size:60px!important}.main__title__background{font-size:120px!important;left:50px!important;top:-30px!important}.roll-1{left:-400px!important;top:-100px!important}.roll-1 svg{width:150vh!important}.portfolio__projects{grid-template-columns:repeat(1,1fr)!important}.portfolio__project{height:150px!important}.portfolio__project__title{font-size:25px!important}.portfolio__project__subtitle{font-size:15px!important;margin-top:5px!important;width:100%!important}.portfolio__project__image{display:none!important}.projects__title__content{display:block!important}.projects__title__text{display:flex}.projects__title__text span{margin-left:15px}.projects__title__badges{grid-gap:5px;display:grid!important;grid-template-columns:repeat(2,1fr);margin:15px 0 0!important}.projects__title__badge{margin:0!important;padding:5px 10px!important}.projects__title__badge__icon svg{width:25px!important}.projects__title__badge__name{font-size:15px!important;margin-left:5px!important}}@media(min-width:500px)and (max-width:800px){.main__title__text{font-size:60px!important}.main__title__background{font-size:120px!important;left:50px!important;top:-30px!important}.roll-1{left:-400px!important;top:-100px!important}.roll-1 svg{width:150vh!important}.portfolio__projects{grid-template-columns:repeat(1,1fr)!important}.portfolio__project{height:175px!important}.portfolio__project__title{font-size:30px!important}.portfolio__project__subtitle{font-size:20px!important;margin-top:5px!important;width:100%!important}.portfolio__project__image{display:none!important}.projects__title__content{display:block!important}.projects__title__text{display:flex}.projects__title__text span{margin-left:15px}.projects__title__badges{grid-gap:5px;display:grid!important;grid-template-columns:repeat(3,1fr);margin:15px 0 0!important}.projects__title__badge{margin:0!important;padding:5px 10px!important}.projects__title__badge__icon svg{width:25px!important}.projects__title__badge__name{font-size:15px!important;margin-left:5px!important}}@media(min-width:800px)and (max-width:1200px){.roll-1{left:-200px!important;top:-100px!important}.roll-1 svg{width:150vh!important}.portfolio__project{height:225px!important}.portfolio__project__image{bottom:-25%!important;height:200px!important;right:-50%!important}.portfolio__project:hover .portfolio__project__image{bottom:-15%!important;right:-40%!important}.projects__title__content{display:block!important}.projects__title__text{display:flex}.projects__title__text span{margin-left:15px}.projects__title__badges{grid-gap:5px;display:grid!important;grid-template-columns:repeat(3,1fr);margin:15px 0 0!important}.projects__title__badge{margin:0!important;padding:10px 15px!important}.projects__title__badge__icon svg{width:30px!important}.projects__title__badge__name{font-size:18px!important;margin-left:5px!important}}.roll-1{animation-duration:60s;animation-iteration-count:infinite;animation-name:animate;animation-timing-function:linear;left:0;position:fixed;top:-300px;z-index:-5}.roll-1 svg{height:auto;opacity:.5;width:200vh}.main__title{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.main__title__content{position:relative;text-align:center}.main__title__background{font-size:200px;font-weight:700;left:50px;opacity:.25;position:absolute;top:-50px;z-index:-1}.main__title__background,.main__title__text{color:#fff;-webkit-user-select:none;user-select:none}.main__title__text{cursor:pointer;font-size:100px;font-weight:500;letter-spacing:15px}.nav{bottom:25px;left:0;margin:0 auto;max-width:fit-content;position:absolute;right:0}.nav__items{grid-gap:15px;display:flex}.nav__item svg{fill:#999;background-color:#ffffff1a;border-radius:10px;cursor:pointer;height:24px;padding:10px;transition:.3s ease-in-out;width:24px}.nav__item svg:hover{fill:#fff}body{background-color:#1b1b1b;font-family:Inter,system-ui;height:100%;margin:0}.App{height:100vh;overflow-x:hidden;position:relative;width:100vw}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#323232}::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:#666}.arrows{align-items:center;display:flex;height:100vh;position:absolute;right:25px;top:0;z-index:10}.arrows__content{grid-gap:15px;display:grid;grid-template-columns:repeat(1,1fr)}.arrows__item__blocked svg{fill:#888;background-color:#ffffff08!important;cursor:default!important}.arrows__item__blocked svg:hover{fill:#888!important}.arrows__item svg{fill:#999;background-color:#ffffff1a;border-radius:10px;cursor:pointer;height:24px;padding:10px;transition:.3s ease-in-out;width:24px}.arrows__item svg:hover{fill:#fff}.portfolio{margin-top:50px}.portfolio__projects{grid-gap:15px;display:grid;grid-template-columns:repeat(2,1fr)}.portfolio__project{background-color:#323232b3;border-radius:10px;cursor:pointer;height:175px;overflow:hidden;padding:25px;position:relative}.portfolio__project__title{color:#e8e8e8;font-size:30px;font-weight:600;letter-spacing:3px;position:relative;z-index:2}.portfolio__project__subtitle{color:#888;font-size:20px;margin-top:15px;position:relative;width:50%;z-index:2}.portfolio__project:hover .portfolio__project__image{bottom:-35%;opacity:1;right:-20%;rotate:-5deg}.portfolio__project__image{border-radius:25px;bottom:-50%;height:250px;opacity:.6;position:absolute;right:-30%;rotate:-15deg;transition:.3s ease-in-out;width:auto;z-index:1}.portfolio__project__bottom{align-items:center;bottom:25px;display:flex;position:absolute;z-index:10}.portfolio__project__github svg{fill:#999;background-color:#ffffff1a;border-radius:10px;cursor:pointer;height:24px;padding:10px;transition:.3s ease-in-out;width:24px}.portfolio__project__github svg:hover{fill:#fff}.portfolio__project__badges{display:flex;margin-left:25px}.portfolio__project__badge svg{fill:#999;background-color:#404040;border-radius:50%;cursor:pointer;height:24px;margin-right:-15px;padding:10px;transition:.3s ease-in-out;width:24px}.portfolio__project__badge svg:hover{fill:#fff}.portfolio__project .react svg,.portfolio__project__badge{fill:#53c1de!important}.portfolio__project .java svg,.portfolio__project__badge{fill:#f77e14!important}.portfolio__project .typescript svg,.portfolio__project__badge{fill:#438ce6!important}.portfolio__project .spring svg,.portfolio__project__badge{fill:#64c916!important}.portfolio__project .bukkit svg,.portfolio__project__badge{fill:#03690c!important}.projects{overflow-x:hidden;position:relative}.projects__content{margin:50px 100px 50px 50px;position:relative}.roll-2{animation-duration:60s;animation-iteration-count:infinite;animation-name:animate;animation-timing-function:linear;bottom:-325px;left:-250px;position:fixed;z-index:-5}.roll-2 svg{height:auto;opacity:.5;width:800px}@keyframes animate{0%{rotate:0deg}to{rotate:1turn}}.projects__title__content{align-items:center;display:flex}.projects__title__text{color:#e8e8e8;font-size:35px;font-weight:600;letter-spacing:5px}.projects__title__text span{color:#999}.projects__title__badges{display:flex;margin:-5px -5px -5px 50px}.projects__title__badge{align-items:center;background-color:#323232b3;border-radius:25px;cursor:pointer;display:flex;margin:5px;padding:10px 20px}.projects__title__badge__selected{background-color:#fff3!important}.projects__title__badge__icon{align-items:center;display:flex}.projects__title__badge__icon svg{fill:#777;height:32px;transition:.3s ease-in-out;width:32px}.projects__title__badge__selected.react svg{fill:#53c1de!important}.projects__title__badge__selected.java svg{fill:#f77e14!important}.projects__title__badge__selected.typescript svg{fill:#438ce6!important}.projects__title__badge__selected.spring svg{fill:#64c916!important}.projects__title__badge__selected.bukkit svg{fill:#03690c!important}.projects__title__badge,.projects__title__badge:hover .projects__title__badge__icon svg{fill:#999}.projects__title__badge__name{color:#777;font-size:20px;margin-left:10px;transition:.3s ease-in-out}.projects__title__badge:hover .projects__title__badge__name,.projects__title__badge__selected .projects__title__badge__name{color:#999}
/*# sourceMappingURL=main.79fa3c78.css.map*/