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:#e6f0fa;height:100vh;overflow:hidden;padding-top:30px;position:relative;text-align:center}.amazing-action-title{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.alphabet-player{align-items:center;display:flex;flex-direction:column;position:relative}.background-animation{position:absolute;z-index:-1}.buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin:15px 0}.letter-button{background-color:#f0f8ff;border:1px solid #ddd;border-radius:8px;box-shadow:0 3px 5px #0000001a;padding:4px;transition:transform .2s,background-color .3s,border .3s}.letter-button img{height:80px;width:80px}.letter-button.selected{background-color:#3bffaa97;border:1px solid #4caf50}.letter-button:hover{background-color:#b0d4f1;transform:scale(1.03)}.invisible-button{background-color:initial;border:none;visibility:hidden}.controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:15px}.controls.modern-controls{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:8px;padding:8px 0}.control-button{background-color:initial;border:none;cursor:pointer;font-size:1.4em;padding:4px 8px;transition:background-color .2s ease-in-out}.control-button:hover{background-color:#f0f0f0}.play-pause{font-size:1.8em}.progress-bar{margin:0 8px;width:90%}.volume-control{align-items:center;display:flex;gap:8px}.volume-control input[type=range]{width:80px}@media (max-width:768px){.buttons{grid-template-columns:repeat(3,1fr)}.letter-button img{height:64px;width:64px}.play-pause{font-size:1.5em}.progress-bar{width:80%}.volume-control input[type=range]{width:60px}}
/*# sourceMappingURL=main.2d65d45c.css.map*/