.playlist-player{background:#e8b4cb;border:2px outset #e8b4cb;border-radius:0;box-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:"MS Sans Serif",sans-serif;font-size:11px;margin:0;padding:0;width:400px}.playlist-player:before{background:linear-gradient(180deg,#c498b3 0,#a67c95);color:#fff;content:"What I'm currently listening to...";display:block;font-size:14px;margin:0;padding:2px 6px;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.player-container{background:#e8b4cb;border:1px inset #e8b4cb;display:flex;margin:2px;padding:4px}.album-section{flex-shrink:0;margin-right:4px}.album-artwork-box{align-items:center;background:linear-gradient(135deg,#f4c2c2,#e8b4cb 50%,#c498b3);border:2px inset #e8b4cb;display:flex;height:90px;justify-content:center;position:relative;width:90px}.album-artwork-box:before{color:#fff;content:"♪";font-size:24px;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.playlist-section{flex:1 1}.playlist-container{background:#f8e8f0;border:2px inset #e8b4cb;font-family:"MS Sans Serif",sans-serif;font-size:11px;height:90px;overflow-y:auto;padding:2px}.playlist-track{align-items:center;color:#4d2d3d;cursor:pointer;display:flex;line-height:14px;margin:0;padding:1px 4px;white-space:nowrap}.playlist-track:hover{background:#c498b3;color:#fff}.playlist-track.active{background:#a67c95;color:#fff}.track-number{color:inherit;font-size:11px;margin-right:6px;min-width:16px}.track-info{flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis}.bottom-controls{border-top:1px solid #c498b3;gap:2px;padding:4px}.bottom-controls,.control-btn{background:#e8b4cb;display:flex;justify-content:center}.control-btn{align-items:center;border:1px outset #e8b4cb;border-radius:0;color:#4d2d3d;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:12px;height:22px;text-shadow:none;width:28px}.control-btn:hover:not(:disabled){background:#f8e8f0}.control-btn:active:not(:disabled){background:#d4a4bf;border:1px inset #e8b4cb}.control-btn:disabled{border:1px outset #e8b4cb;color:#a67c95;cursor:default}.prev-btn:before{content:"⏮";font-size:10px}.stop-btn:before{content:"⏹";font-size:10px}.next-btn:before{content:"⏭";font-size:10px}.control-btn:not(.play-pause-btn){font-size:0}.play-pause-btn{font-size:10px}.playlist-container::-webkit-scrollbar{width:16px}.playlist-container::-webkit-scrollbar-track{background:#e8b4cb}.playlist-container::-webkit-scrollbar-thumb{background:#a67c95;border:1px outset #e8b4cb}.playlist-container::-webkit-scrollbar-thumb:hover{background:#f0c4d8}.playlist-container::-webkit-scrollbar-button{background:#a67c95;border:1px outset #e8b4cb;height:16px}.playlist-container::-webkit-scrollbar-button:hover{background:#f0c4d8}@-webkit-keyframes scroll-bg{0%{background-position:0 0}to{background-position:8px 8px}}@keyframes scroll-bg{0%{background-position:0 0}to{background-position:8px 8px}}@media (max-width:768px){.playlist-player{margin-top:1rem;max-width:350px;width:100%}.album-artwork-box{height:70px;width:70px}.playlist-container{height:70px}.control-btn{height:18px;width:24px}}@media (max-width:480px){.playlist-player{max-width:360px}.album-artwork-box{height:80px;width:80px}.playlist-container{height:80px}.track-info{font-size:10px}}.playlist-track:focus{outline:1px dotted #000;outline-offset:-1px}.playlist-container{scroll-behavior:auto}.pixel-art-container{align-items:center;background:#fff;display:flex;justify-content:center}.pixelated-wrapper{display:inline-block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-group{display:flex;flex-direction:column}.pixel-row{display:flex}.pixel-cell{height:8px;width:8px}.pixel-gap-4{height:4px}.pixel-gap-8{height:8px}.pixel-text,.placeholder-container{padding-top:1rem}.pixel-text{font-size:large;font-weight:bolder;text-align:center}.pixel-text:after{-webkit-animation:dotty 1s step-end infinite;animation:dotty 1s step-end infinite;content:"";display:inline-block;width:5px}@-webkit-keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width:768px){.pixel-cell{height:6px;width:6px}.pixel-gap-4{height:3px}.pixel-gap-8{height:6px}}@media (max-width:480px){.pixel-cell{height:5px;width:5px}.pixel-gap-4{height:2px}.pixel-gap-8{height:4px}}:root{--primary-color:#1a1a1a;--accent-color:#666;--accent-dark:#444;--accent-light:#f5f5f5;--background-light:#fafafa;--card-background:#fff;--border-color:#eee;--text-color:#1a1a1a;--text-light:#666;--text-lighter:#999;--white:#fff;--border-radius:1rem;--border-radius-small:3px;--border-radius-medium:12px;--border-radius-large:16px;--spacing-small:0.5rem;--spacing-medium:1rem;--spacing-large:2rem;--spacing-xl:4rem;--font-size-small:14px;--font-size-medium:1rem;--font-size-large:20px;--font-size-xl:24px}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;margin:var(--spacing-medium) 0}.tag{background-color:#f5f5f5;background-color:var(--accent-light);color:#1a1a1a;color:var(--primary-color);font-size:14px;font-size:var(--font-size-small);font-weight:500;padding:.25rem .75rem}.btn-primary,.tag{border-radius:3px;border-radius:var(--border-radius-small)}.btn-primary{background-color:#fff;background-color:var(--white);border:1px solid #444;border:1px solid var(--accent-dark);cursor:pointer;display:inline-block;font-size:16px;outline:none;padding:8px .8em;text-align:center;text-decoration:none;transition:background-color .2s ease}.btn-primary,.btn-primary:hover{color:#444;color:var(--accent-dark)}.btn-primary:hover{background-color:#f7e4ea}.btn-primary:focus{background-color:#666;background-color:var(--accent-color);color:#fff;color:var(--white)}@media (max-width:768px){.tags{gap:.25rem}.tag{font-size:12px;padding:.2rem .5rem}}.main-container{box-sizing:border-box;margin:0 auto;max-width:1800px;min-height:100vh;padding:3rem 2rem}.site-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem}.header-info{flex:0 0 auto}.designer-name{color:#1a1a1a;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.designer-title{color:#666;font-size:1rem;font-weight:400;margin:0}.projects-grid{gap:6rem}.project-card,.projects-grid{display:flex;flex-direction:column}.project-card{gap:2rem}.project-images{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);width:100%}.project-image{border-radius:12px;height:auto;object-fit:cover;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:100%}.project-details{max-width:1000px;padding-left:0}.project-details .tags{margin-bottom:1.5rem}.project-title{font-size:var(--font-size-xl)}.project-title a{color:#da627d;font-weight:600;line-height:1.3;margin:0 0 .5rem;text-decoration:none;transition:color .2s ease}.project-title a:hover{color:var(--accent-color)}.project-description{color:#1a1a1a;font-size:20px;line-height:1.5;margin:0 0 1rem}.project-launched{color:#666;font-size:1rem;line-height:1.6;margin:0}.site-footer{border-top:1px solid #eee;margin-top:4rem;padding-top:2rem}.footer-text{color:#999;font-size:.9rem;margin:0 0 .5rem}@media (max-width:768px){.main-container{padding:2rem 1.5rem}.site-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:2.5rem}.designer-name{font-size:1.5rem}.projects-grid{gap:2.5rem}.project-card{gap:0}.project-images{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;margin-right:-1.5rem;overflow-x:auto;padding:0 1.5rem 1rem;scroll-snap-type:x mandatory;width:calc(100vw - 3rem)}.project-images::-webkit-scrollbar{display:none}.project-image{flex:0 0 75%;height:200px;max-width:240px;scroll-snap-align:start}.project-title{font-size:1.3rem}}@media (max-width:480px){.main-container{padding:1.5rem 1rem}.designer-name{font-size:1.3rem}.project-title{font-size:1rem}.project-description,.project-launched{font-size:.95rem}}.nav-grid{grid-gap:var(--spacing-medium);color:var(--primary-color);display:grid;font-size:var(--font-size-medium);gap:var(--spacing-medium);grid-template-columns:1fr;padding-right:var(--spacing-medium)}.ul-grid{align-items:center;display:flex;justify-content:flex-end}ul a{color:#da627d;padding:var(--spacing-medium);text-decoration:none;transition:color .2s ease}ul a:hover{color:var(--accent-color)}.App{grid-gap:var(--spacing-large);color:var(--primary-color);display:grid;font-family:JetBrains Mono,monospace;gap:var(--spacing-large);grid-template-columns:1fr}body{overflow-x:hidden}
/*# sourceMappingURL=main.c97c61a4.css.map*/