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}.spotify-info{background-color:#404040;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;margin-top:2rem;padding:2rem;transition:all .3s ease;width:100%}.spotify-info h2,h1{margin-bottom:2rem}.spotify-info:hover{background-color:#4a4a4a;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.spotify-content{align-items:center;display:flex;gap:2rem;width:100%}.album-art{border-radius:4px;box-shadow:0 4px 8px #0003;flex-shrink:0;height:150px;transition:transform .3s ease;width:150px}.spotify-info:hover .album-art{transform:scale(1.02)}.track-info{flex:1 1;min-width:0}.track-info h3{font-size:1.5rem;margin:0 0 .5rem}.track-info h3,.track-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info p{font-size:1rem;margin:.25rem 0}.progress{font-size:.9rem;margin-top:1.5rem!important;opacity:.9}.progress-bar-container{background-color:#ffffff1a;border-radius:3px;height:6px;margin-top:.1rem;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#fff,#b19cd9);border-radius:0;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.progress-bar:after{background:inherit;bottom:0;content:"";filter:blur(4px);left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:0}.steam-info{background-color:#404040;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;margin-top:2rem;padding:2rem;width:100%}.steam-info h2{margin-bottom:2rem}.steam-games{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow-x:hidden;width:100%}.game-card{background-color:#4a4a4a;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{background-color:#525252;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.game-icon{border-radius:4px;flex-shrink:0;height:64px;width:64px}.game-info{flex:1 1;min-width:0}.game-info h3{font-size:1.1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info p{color:#fffc;font-size:.9rem;margin:.25rem 0}@media (max-width:768px){.spotify-content{flex-direction:column;gap:1.5rem;text-align:center}.album-art{height:200px;width:200px}.track-info h3{font-size:1.3rem}.track-info p{font-size:.9rem}.spotify-info{padding:1.5rem}.steam-games{gap:1rem;grid-template-columns:1fr}.game-card{border-radius:8px;box-sizing:border-box;width:100%}.steam-info{padding:1.5rem}}@media (max-width:480px){.album-art{height:150px;width:150px}.spotify-info{padding:1rem}.track-info h3{font-size:1.2rem}.steam-info{padding:1rem}.steam-games{gap:.75rem}.game-card{border-radius:8px;padding:.75rem}}.dashboard-view{left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0}.projects-container{margin:0 auto;max-width:1400px;padding:2rem}.projects-intro{color:#fff;font-size:1.1rem;margin-bottom:2rem;text-shadow:0 0 10px #9d4edd4d}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.project-card{background:#000c;border:1px solid #9d4edd;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(45deg,#0000,#9d4edd1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.project-card:hover:before{transform:translateX(100%)}.project-card:hover{box-shadow:0 0 20px #9d4edd4d;transform:translateY(-5px)}.project-card h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem;text-shadow:0 0 10px #9d4edd80}.project-description{color:#ccc;font-size:.9rem;margin-bottom:1rem}.iframe-container{border:1px solid #9d4edd4d;border-radius:4px;height:200px;margin:1rem 0;overflow:hidden;position:relative;width:100%}.iframe-container iframe{background:#000;border:none;height:100%;left:0;position:absolute;top:0;width:100%}.visit-button{background:#9d4edd;border-radius:4px;box-shadow:0 0 10px #9d4edd4d;color:#fff;display:inline-block;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.visit-button:hover{background:#7b2cbf;box-shadow:0 0 15px #9d4edd80;transform:translateY(-2px)}.iframe-container:after{animation:scanline 8s linear infinite;background:linear-gradient(180deg,#0000 50%,#0000001a 0);background-size:100% 4px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{margin-bottom:1rem}}*{box-sizing:border-box;font-family:DotGothic16,sans-serif;margin:0;padding:0}.App,body,html{background-color:#0a0a0a;min-height:100vh}.App{color:#fff;display:flex;flex-direction:column;margin:0;padding:0;width:100%}header{background-color:#404040;border-bottom:2px solid #fff;box-shadow:0 0 10px #ffffff4d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}nav{align-items:center;box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}nav,nav ul{display:flex}nav ul{gap:2rem;list-style:none;margin:0;padding:0}nav a{color:#fff;font-size:1.1rem;padding:.5rem 0;text-decoration:none;transition:color .3s ease}nav a:hover{color:#b19cd9}.menu-toggle{background:none;border:none;cursor:pointer;display:none;height:30px;padding:.5rem;position:relative;width:30px;z-index:1001}.menu-icon{background-color:#fff;display:block;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:25px}.menu-icon:after,.menu-icon:before{display:none}.nav-open .menu-icon{background-color:#fff;transform:translate(-50%,-50%) rotate(45deg);width:25px}main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;transition:filter .3s ease;width:100%}.nav-open+main:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00f3;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}h1,h2,h3{word-wrap:break-word;color:#fff;display:inline-block;max-width:100%;position:relative;text-shadow:0 0 10px #ffffff80}h1:after,h2:after,h3:after{background:linear-gradient(90deg,#fff,#b300ff);bottom:-5px;box-shadow:0 0 10px #ffffff80;content:"";height:2px;left:0;position:absolute;width:100%}div>div{word-wrap:break-word;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;padding:0 1rem}@media screen and (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{font-size:1rem}}@media (max-width:768px){.menu-toggle{display:block}nav{align-items:flex-start;padding:0 1rem}nav,nav ul{flex-direction:column}nav ul{background-color:#404040;box-shadow:0 4px 6px #0000001a;display:none;gap:1rem;left:0;padding:1rem;position:absolute;top:100%;width:100%}nav ul li{padding-left:1rem}.nav-open ul{display:flex}main{padding:1rem}}.page-transition{background-color:#0a0a0a;min-height:100vh;opacity:1;transition:opacity .3s ease-in-out;width:100%}.page-transition.visible{opacity:1}.page-transition.hidden{opacity:0}
/*# sourceMappingURL=main.b2cc66c0.css.map*/