body{background-image:linear-gradient(coral,#ff0);color:#202020;font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100vh}h1{margin:1rem 0;text-align:center}#root{position:relative}footer{padding:1rem 0 2rem;text-align:center}.menuButton{background-color:#003b70;border:0;border-radius:50%;box-shadow:inset 0 0 0 4px #003b70;color:#0000;cursor:pointer;height:78px;left:1.5rem;padding:0;position:fixed;top:1.25rem;width:78px;z-index:1000}.menuButton:before{background-color:#7cd3ff;border-radius:50%;content:"";height:52px;left:13px;position:absolute;top:13px;width:52px}.menuButton:hover{filter:brightness(.95)}.buttonTip{font-family:sans-serif;height:200px;margin-top:100px;text-align:center}.menu{background-color:#fff200;border:1px solid #d5a900;box-shadow:1px 1px 6px #00000026;box-sizing:border-box;height:auto;left:1rem;overflow-y:auto;padding:1rem 1.25rem 1.25rem;position:fixed;top:6.25rem;transition:transform .3s ease-in-out;width:min(92vw,820px)}.menu.show{transform:translateX(0)}.menu.hide{transform:translateX(calc(-110% - 8px))}.menu h2{margin-top:0}.menu ul{margin:.5rem 0 0;padding-left:1.15rem}.menu li{margin-bottom:.45rem}p.genres{box-sizing:border-box;line-height:1.35;max-width:65vw;padding:15px;width:100%}.musicNotes,p.genres{margin-left:auto;margin-right:auto}.musicNotes{display:block;height:auto;margin-top:.75rem;width:min(100%,420px)}
/*# sourceMappingURL=main.04d62dd8.css.map*/