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;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.about,.home,.projects{flex:1 1;margin-bottom:2em}@media screen and (max-width:768px){body{font-size:14px}.about,.home,.projects{margin-bottom:1em;padding:0 1em}}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar{width:.4em}::-webkit-scrollbar-track{background-color:#02331a}::-webkit-scrollbar-thumb{background-color:#13c16a;border-radius:25px}.App{background-color:initial;color:#13c16a;display:flex;flex-direction:column;justify-content:space-between;min-height:91.6vh;padding-top:60px;position:relative;width:100%;z-index:0}.App-header{display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;right:0;top:0;transition:background-color .2s ease,-webkit-backdrop-filter .2s ease;transition:backdrop-filter .2s ease,background-color .2s ease;transition:backdrop-filter .2s ease,background-color .2s ease,-webkit-backdrop-filter .2s ease;z-index:1000}.App-header.scrolled{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#191a1aa6}.button{--border-right:6px;--text-stroke-color:#fff9;--animation-color:#37ff8b;--fs-size:2em;-webkit-text-stroke:1px var(--text-stroke-color);background:#0000;border:none;color:#0000;cursor:pointer;font-family:Arial;font-size:var(--fs-size);height:auto;letter-spacing:3px;margin:2% 0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.hover-text{-webkit-text-stroke:1px var(--animation-color);border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);content:attr(data-text);inset:0;overflow:hidden;position:absolute;transition:.5s;width:0}.button:hover .hover-text{filter:drop-shadow(0 0 23px var(--animation-color));width:100%}.hamburger{background:#13c16a1a;border:2px solid #13c16a;border-radius:50%;cursor:pointer;display:none;height:50px;margin:10px;position:relative;width:50px}.hamburger span{background:#13c16a;display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:25px}.hamburger span:first-child{top:15px}.hamburger span:nth-child(2){top:23px}.hamburger span:nth-child(3){top:31px}.hamburger.active span:first-child{top:23px;transform:translateX(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:23px;transform:translateX(-50%) rotate(-45deg)}.nav-links{display:flex;gap:2.5em}@media screen and (max-width:1200px){.button{margin:1% 0}.App-header{align-items:center;flex-direction:row;justify-content:flex-start;padding:5px 0}.App-header.scrolled{background:none}.App-header.scrolled .nav-links.active{backdrop-filter:none;-webkit-backdrop-filter:none;background:#191a1a59}.hamburger{display:block}.nav-links{align-items:flex-start;background:#191a1abf;display:none;flex-direction:column;gap:.7em;height:100%;height:100dvh;left:0;overflow-y:auto;padding:80px 20px 20px 90px;position:fixed;right:0;top:0;z-index:999}.nav-links.active{display:flex}.button{--fs-size:1.5em;margin:.5em 0}.hamburger{z-index:1000}}body.menu-open{height:100%;overflow:hidden;position:fixed;width:100%}footer{background-color:#0b0b0b;box-sizing:border-box;flex-wrap:wrap;margin-top:auto;min-height:5em;padding:1em 2em;position:relative;width:100%}.footer-left,footer{align-items:center;display:flex;gap:1em}.footer-left{left:2em}.footer-left,.footer-right{color:#f5f5f5;position:absolute}.footer-right{align-items:center;display:flex;right:2em}.footer{display:flex;gap:1em;height:3em;margin:0 auto;width:15em}.footer svg{cursor:pointer;display:flex;font-size:24px;font-weight:700;height:100%;opacity:1;padding:.25rem;position:absolute;transition:opacity .25s;width:60%;z-index:2}.footer .discord,.footer .github,.footer .instagram,.footer .linkedin{align-items:center;border-radius:50px;color:#f5f5f5;display:flex;font-size:24px;justify-content:center;position:relative;text-decoration:none;transition:.25s;width:25%}.footer svg{transform:scale(1)}.footer .instagram:hover{animation:bounce_613 .4s linear;background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.footer .github:hover{animation:bounce_613 .4s linear;background-color:#242c34}.footer .discord:hover{animation:bounce_613 .4s linear;background-color:#5865f2}.footer .linkedin:hover{animation:bounce_613 .4s linear;background-color:#0a66c2}@keyframes bounce_613{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:1200px){.footer{width:12em}.footer svg{font-size:20px}}@media screen and (max-width:992px){.footer svg{font-size:22px}}@media screen and (max-width:768px){.footer svg{font-size:20px}}@media screen and (max-width:600px){footer{flex-direction:column;justify-content:center;padding:1em}.footer-left{order:1;position:static}.footer,.footer-left{justify-content:center;width:100%}.footer{order:2}.footer-right{justify-content:center;margin-top:1em;order:3;position:static;width:100%}.footer svg{height:18px;width:18px}}@media screen and (max-width:480px){.footer svg{font-size:18px}}#preloader{background-color:#0c0513;background-image:url(/static/media/Loader.284aaa662d47b130cdd9.svg);background-position:50%;background-repeat:no-repeat;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}#preloader-none{opacity:0}#no-scroll{height:100vh;overflow:hidden;position:fixed;width:100%}.project-detail{color:#fff;margin:0 auto;max-width:1200px;padding:2rem 2rem 1rem;position:relative}.project-detail-header{margin-bottom:2rem;position:relative;z-index:10}.back-button{background:none;border:none;color:#13c16a;cursor:pointer;font-size:1.1rem;margin-top:5rem;padding:0;transition:color .3s ease}.back-button:hover{color:#0f9652}.project-detail-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#13c16a,#086235);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:1rem 0}.project-detail-content{grid-gap:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border-radius:1rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;padding:2rem}.project-detail-image img{border-radius:.5rem;box-shadow:0 4px 8px #0003;width:100%}.project-detail-info{display:flex;flex-direction:column;gap:2rem}.project-detail-description h2{color:#13c16a;margin-bottom:1rem}.project-detail-description p{color:#a0a0a0;line-height:1.6}.project-detail-links{display:flex;gap:1rem}.detail-button{border-radius:2rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:transform .3s ease}.detail-button:hover{transform:translateY(-2px)}.detail-button.github{background:#2a2a2a;color:#fff}.detail-button.demo{background:#13c16a;color:#fff}@media (max-width:768px){.project-detail{padding:1rem}.project-detail-header{margin-bottom:1.5rem}.back-button{font-size:1rem;margin-top:2rem}.project-detail-header h1{font-size:1.8rem;margin:.8rem 0}.project-detail-content{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.project-detail-links{flex-direction:column;gap:.8rem}.detail-button{padding:.7rem 1.2rem;text-align:center}}
/*# sourceMappingURL=main.122fdec9.css.map*/