body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;min-width:500px;padding:20px;text-align:center}h1{color:#333;margin-bottom:30px}.boxes-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.box{align-items:center;background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;display:flex;flex:1 1;font-size:27px;min-height:20px;padding:15px 20px;transition:all .3s ease}.left.box{justify-content:right}.right.box{justify-content:left}.single.box{justify-content:center;min-width:30px}.generate-btn{background-color:#0078d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 30px;transition:background-color .3s ease}.generate-btn:hover{opacity:.8}.about-button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:fixed;right:20px;top:20px;z-index:1000}.about-panel{background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 10px #00000026;padding:12px;position:fixed;right:20px;top:60px;transition:all .3s ease;width:150px;z-index:999}.about-panel-expanded{min-height:150px;width:150px}.link-list p{color:#07c;cursor:pointer;margin:8px 0;text-decoration:underline}.link-list p:hover{color:#005fa3}.detail{text-align:left}.detail img,.detail video.media{border-radius:8px;height:auto;margin-bottom:8px;max-width:100%}.detail p{color:#333;font-size:17px}.github-button{align-items:center;background-color:#3498db;border-radius:9px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;margin-bottom:10px;padding:1px 10px;text-decoration:none;transition:background .3s ease;width:-webkit-fit-content;width:fit-content}.github-button:hover{background-color:#2980b9}.github-button img{height:20px;margin-right:8px;margin-top:8px;width:20px}@media (max-width:768px){.App{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;min-width:340px;padding:15px 10px;text-align:center}h1{color:#333;margin-bottom:30px}.boxes-container{display:flex;gap:7px;justify-content:space-between;margin-bottom:30px}.box{align-items:center;background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;display:flex;flex:1 1;font-size:22px;min-height:10px;padding:15px 10px;transition:all .3s ease}.left.box{justify-content:right}.right.box{justify-content:left}.single.box{justify-content:center;min-width:30px}.generate-btn{background-color:#0078d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 30px;transition:background-color .3s ease}.generate-btn:hover{opacity:.8}}
/*# sourceMappingURL=main.3c530754.css.map*/