.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:Schaeffer;src:url(/static/media/schaeffer.3d711afae99f9bd07e31.woff2) format("woff2")}@font-face{font-family:NotoMusic;src:url(/static/media/notomusic-regular.a025716f020a54d957d1.woff2) format("woff2")}body{background:#3e4e55;background-image:linear-gradient(0deg,#3f51b1 0,#5a55ae 13%,#7b5fac 25%,#8f6aae 38%,#a86aa4 50%,#cc6b8e 62%,#f18271 75%,#f3a469 87%,#f7c978);font-family:sans-serif;margin:0;padding:0}div#root{height:100vh}.paper,div#root{box-sizing:border-box}.paper{background:#fff;background-image:linear-gradient(174.2deg,#fff4e4 7.1%,#f0f6ee 67.4%);border-radius:4px;box-shadow:0 0 30px rgba(0,0,0,.2);height:100%;margin:auto;max-width:1024px;overflow:hidden;position:relative}.song-title{font-family:Schaeffer;font-size:24px;font-weight:400;margin:32px 0;text-align:center}.sheet{grid-row-gap:24px;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;list-style:none;margin:0 auto;padding:0;row-gap:24px;width:85%}.sheet>li{text-align:center}.chord-name{font-family:NotoMusic;font-size:24px}.shuffle-button{background:none;background:linear-gradient(180deg,hsla(36,47%,90%,.2) 13%,hsla(36,23%,76%,.7));border:1px solid hsla(36,23%,76%,.7);border-radius:4px;bottom:10px;cursor:pointer;height:40px;left:0;margin:0 auto;padding:9px 15px;position:absolute;right:0;width:60px}.shuffle-button:active{background:linear-gradient(0deg,hsla(36,47%,90%,.2) 13%,hsla(36,23%,76%,.7));padding:10px 16px}.shuffle-button svg{opacity:.3}.shuffle-button:hover svg{opacity:.6}@media screen and (min-width:1024px){.song-title{font-size:40px;margin:40px 0 32px}}@media screen and (min-height:800px){.sheet{grid-row-gap:8px;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 auto;padding:0;row-gap:8px;width:85%}.staff{border-right:1px solid #000;margin-top:4px}.staff>span{background:#000;border-top:1px solid #000;display:block;margin-bottom:4px}.sheet>li{text-align:left}.chord-name{margin-left:8px}.shuffle-button{background:none;border:1px solid hsla(36,23%,76%,.3);bottom:auto;left:auto;right:40px;top:40px}.shuffle-button:hover{background:linear-gradient(180deg,hsla(36,47%,90%,.2) 13%,hsla(36,23%,76%,.7));border:1px solid hsla(36,23%,76%,.7)}}@media screen and (min-height:1024px){.song-title{font-size:40px;margin:40px 0 32px}.sheet{row-gap:16px}.staff{margin-top:8px}.staff>span{margin-bottom:6px}}@media screen and (min-height:1200px){.song-title{margin:80px auto}.sheet{row-gap:24px}.staff{margin-top:16px}}@media screen and (min-height:1024px) and (min-width:1024px){div#root{padding:24px}}@media print{.paper{border:none;box-shadow:none}.sheet{row-gap:16px;width:100%}.song-title{font-size:40px;margin:0 0 20px}.sheet>li{text-align:left}.staff{border-right:1px solid #000;margin-top:8px}.staff>span{background:#000;border-top:1px solid #000;display:block;margin-bottom:6px}.chord-name{margin-left:8px}.shuffle-button{display:none}}
/*# sourceMappingURL=main.a7185f3a.css.map*/