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{background-color:#f0f4f8;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px;text-align:center}header{margin-bottom:20px}header h1{color:#333;margin-bottom:10px}header h2{color:#555;font-size:18px;margin-bottom:10px}header p{color:#666;font-size:16px;margin:0 auto;max-width:800px}.top-card{margin-bottom:20px}.top-card .card{display:inline-block;margin:0 auto;width:300px}.content{flex:1 1;margin-top:20px}.categories{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:30px;overflow-x:auto}.category{background-size:cover;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin-right:10px;min-height:200px;padding:10px;position:relative;width:18%}.category:last-child{margin-right:0}.category h2{color:#444;font-size:18px;margin-bottom:10px}.card{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:grab;margin-bottom:10px;padding:10px;text-align:left}.card h3{color:#333;font-size:16px;margin:0 0 5px}.card p{color:#555;font-size:14px;margin:0}.card:active{cursor:grabbing}.generated-url{margin-top:20px;text-align:center}.generated-url p{color:#333;font-size:16px;margin-bottom:10px}.generated-url input{border:1px solid #ccc;border-radius:4px;font-size:14px;max-width:600px;padding:10px;width:80%}footer{background-color:#f0f4f8;padding:20px 0;text-align:center}footer p{color:#777;font-size:14px;margin:5px 0 0}.github-logo{height:32px;margin-bottom:5px;width:32px}@media (max-width:768px){.category{margin-bottom:20px;width:100%}.categories{flex-direction:column;overflow-x:visible}}.categories::-webkit-scrollbar{height:8px}.categories::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.buttons{display:flex;gap:15px;justify-content:center;margin-bottom:20px}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.generate-url{background-color:#8ebdbb}.generate-url:hover{background-color:#92c9c7}.generate-url:active{background-color:#82bdbb}.generate-url:disabled{background-color:#c8e9e8;cursor:not-allowed}.reset-button{background-color:#e0a6a6}.reset-button:hover{background-color:#f5a8a8}.reset-button:active{background-color:#f39999}.navigation-buttons{display:flex;gap:15px;justify-content:center;margin-top:10px}.next-button,.prev-button{background-color:#b2a1e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.next-button:hover,.prev-button:hover{background-color:#b4a8f5}.next-button:active,.prev-button:active{background-color:#a599f3}.next-button:disabled,.prev-button:disabled{background-color:#e0e0e0;cursor:not-allowed}.copy-message{color:#4caf50;font-size:16px;margin-top:10px}
/*# sourceMappingURL=main.bed6d51c.css.map*/