@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);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}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.nav-toggle{background:none;border:none;color:#000;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:2rem;padding:.5rem;position:fixed;right:1rem;top:1rem;transition:transform .3s;z-index:1001}.nav-toggle:hover{transform:scale(1.1)}.nav-bar{align-items:center;background-color:#000000e6;display:flex;justify-content:space-between;left:0;padding:1rem;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease-in-out;z-index:1000}.nav-bar.show{transform:translateY(0)}.nav-links{align-items:center;display:flex;gap:2rem}.nav-item{color:#fff;cursor:pointer;flex:1 1;font-family:Press Start\ 2P,cursive;font-size:.8rem;padding:.5rem 1rem;transition:background-color .3s}.nav-item:hover{background-color:#333}.App-header{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding-top:4rem}h1{font-size:2.5rem;letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}h1,p{font-family:Press Start\ 2P,cursive}p{font-size:1rem;line-height:1.6}.login-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding-top:4rem}.login-form{background-color:#f5f5f5;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Press Start\ 2P,cursive;max-width:400px;padding:2rem;width:100%}.login-form h2{color:#000;font-size:1.5rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:#000;display:block;font-size:.8rem;margin-bottom:.5rem}.form-group input{background-color:#fff;border:2px solid #000;border-radius:4px;font-family:Press Start\ 2P,cursive;font-size:.8rem;padding:.8rem;width:100%}.form-group input:focus{border-color:#333;outline:none}.login-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:.8rem;padding:1rem 2rem;transition:background-color .3s;width:100%}.login-button:hover{background-color:#333}.error-message{background-color:#ffebee;border-radius:4px;color:red;font-family:Press Start\ 2P,cursive;font-size:.8rem;margin-bottom:1rem;padding:.5rem}.admin-container{background-color:#fff;min-height:100vh;padding:6rem 2rem 2rem}.admin-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h2{font-size:1.5rem}.admin-content,.admin-header h2{color:#000;font-family:Press Start\ 2P,cursive}.admin-content h3{font-size:1.2rem;margin-bottom:1rem}.admin-content p{font-size:.8rem;line-height:1.6}.about-container{background-color:#fff;color:#000;min-height:100vh;padding:6rem 2rem 2rem}.about-content{font-family:Press Start\ 2P,cursive;margin:0 auto;max-width:800px}.about-content h2{font-size:2rem;letter-spacing:.2em;margin-bottom:3rem;text-align:center;text-transform:uppercase}.about-section{background-color:#f5f5f5;border:2px solid #000;margin-bottom:3rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.about-section:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.about-section h3{color:#000;font-size:1rem;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.about-section p{color:#333;font-size:.8rem;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-section{animation:fadeIn .5s ease-out forwards}.about-section:nth-child(2){animation-delay:.1s}.about-section:nth-child(3){animation-delay:.2s}.about-section:nth-child(4){animation-delay:.3s}.about-section:nth-child(5){animation-delay:.4s}.products-container{background-color:#fff;color:#000;min-height:100vh;padding:6rem 2rem 2rem}.products-content{font-family:Press Start\ 2P,cursive;margin:0 auto;max-width:1200px}.products-content h2{font-size:2rem;letter-spacing:.2em;margin-bottom:3rem;text-align:center;text-transform:uppercase}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.product-card{background-color:#f5f5f5;border:2px solid #000;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.product-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.product-image-container{height:300px;overflow:hidden;position:relative;width:100%}.product-image{height:100%;object-fit:cover;transition:transform .5s;width:100%}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{background:#000c;bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease-in-out}.product-card:hover .product-overlay{transform:translateY(0)}.product-overlay h3{color:#fff;font-size:1rem;letter-spacing:.1em;margin-bottom:.8rem;text-transform:uppercase}.product-overlay p{color:#ccc;font-size:.7rem;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:slideIn .5s ease-out forwards}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.4s}.user-bar{align-items:center;display:flex;font-family:Press Start\ 2P,cursive;font-size:.8rem;gap:1rem;margin-left:auto}.username{color:#0f0}.logout-button{background-color:initial;border:1px solid #0f0;color:#0f0;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:.7rem;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background-color:#0f0;color:#000}.admin-logout-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:.8rem;padding:.8rem 1.5rem;transition:background-color .3s}.admin-logout-button:hover{background-color:#c00}.directory-container{background-color:silver;border:3px outset silver;box-shadow:2px 2px 4px #0000004d;display:flex;flex-direction:column;font-family:Press Start\ 2P,cursive;margin:8rem 5rem;max-width:100vw;min-height:500px}.directory-header{align-items:center;background:linear-gradient(180deg,#0080ff,#004080);border-bottom:1px solid #666;color:#fff;display:flex;font-size:.7rem;justify-content:space-between;letter-spacing:1px;padding:.5rem 1rem}.directory-title{font-weight:700;text-transform:uppercase}.directory-path{color:#ccc;font-size:.6rem}.directory-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:1rem}.file-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:1rem}.folder-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:.8rem;transition:background-color .2s ease}.folder-item:hover{background-color:#316ac5;color:#fff}.folder-item:active{background-color:#1e4a8c}.folder-icon{filter:hue-rotate(45deg) saturate(1.5) brightness(1.2);font-size:3rem;margin-bottom:.5rem;text-shadow:1px 1px 2px #0000004d}.folder-name{word-wrap:break-word;font-size:.8rem;letter-spacing:1px;line-height:1.4;max-width:80px;text-align:center}.file-icon{filter:hue-rotate(45deg) saturate(1.5) brightness(1.2);font-size:3rem;margin-bottom:.5rem;text-shadow:1px 1px 2px #0000004d}.file-name{word-wrap:break-word;font-size:.6rem;letter-spacing:1px;line-height:1.4;max-width:80px;text-align:center}.directory-footer{align-items:center;background-color:silver;border-top:1px inset silver;color:#000;display:flex;font-size:.6rem;justify-content:space-between;padding:.3rem 1rem}.status-text{color:#000}@keyframes folderHover{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.folder-item:hover .folder-icon{animation:folderHover .3s ease-in-out}.file-item{cursor:pointer}.file-item:hover{background-color:#e0e0e0;color:#000}.file-item .file-icon{filter:none;text-shadow:none}.download-hint{color:#666;display:block;font-size:.6rem;font-style:italic;margin-top:.2rem;opacity:.8;transition:opacity .3s ease}.file-item:hover .download-hint{color:#333;opacity:1}.game-container{display:flex;flex-direction:column;min-height:100vh;padding-top:5rem}.game-content{align-items:center;font-family:Press Start\ 2P,cursive;justify-content:center;min-height:60vh}@media (max-width:768px){.directory-container{margin:1rem;max-width:none}.file-list{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:.5rem}.folder-icon{font-size:2.5rem}.directory-header{font-size:.6rem}.directory-path{font-size:.5rem}}
/*# sourceMappingURL=main.c0ccc177.css.map*/