@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);body{background-color:#020001!important;font-family:"RealBook",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{font-family:"RealBook",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"RealBook";src:url(/static/media/realbook-webfont.95e9b077.ttf)}.App{margin-top:20px;display:flex;flex-direction:column;grid-gap:50px;gap:50px;align-items:center;padding:0 20px}@media only screen and (max-width:800px){.App{grid-gap:25px;gap:25px}}.App h1{color:#f9fafc;font-size:70px!important;text-decoration:underline;text-shadow:0 5px 5px rgba(5,5,5,.616);text-align:center;margin:0!important}@media only screen and (max-width:800px){.App h1{font-size:50px!important}}.chord-view{display:flex;flex-wrap:wrap;justify-content:center;max-width:1500px}.chord-view .chord{position:relative;width:260px;height:510px;margin:0 50px 50px}@media only screen and (max-width:800px){.chord-view .chord{width:208px;height:408px;margin:0 20px 40px}}.chord-view .chord .finger{animation-duration:.5s;animation-name:fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.chord-view .chord .finger,.chord-view .chord .fret,.chord-view .chord .string{background:#f9fafc}.chord-view .chord .string{width:10px;height:500px;top:0;position:absolute}@media only screen and (max-width:800px){.chord-view .chord .string{width:8px;height:400px}}.chord-view .chord .fret{width:260px;height:10px;top:0;position:absolute;box-shadow:0 5px 5px rgba(5,5,5,.157)}@media only screen and (max-width:800px){.chord-view .chord .fret{width:208px;height:8px}}.chord-view .chord .finger{display:flex;flex-direction:column;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;position:absolute;box-shadow:0 5px 5px rgba(5,5,5,.527)}.chord-view .chord .finger h3{margin:0}@media only screen and (max-width:800px){.chord-view .chord .finger{height:32px;width:32px}.chord-view .chord .finger h3{font-size:22px}}.chord-view .chord .string-1{left:0}@media only screen and (max-width:800px){.chord-view .chord .string-1{left:0}}.chord-view .chord .string-2{left:50px}@media only screen and (max-width:800px){.chord-view .chord .string-2{left:40px}}.chord-view .chord .string-3{left:100px}@media only screen and (max-width:800px){.chord-view .chord .string-3{left:80px}}.chord-view .chord .string-4{left:150px}@media only screen and (max-width:800px){.chord-view .chord .string-4{left:120px}}.chord-view .chord .string-5{left:200px}@media only screen and (max-width:800px){.chord-view .chord .string-5{left:160px}}.chord-view .chord .string-6{left:250px}@media only screen and (max-width:800px){.chord-view .chord .string-6{left:200px}}.chord-view .chord .fret-1{top:0}@media only screen and (max-width:800px){.chord-view .chord .fret-1{top:0}}.chord-view .chord .fret-2{top:100px}@media only screen and (max-width:800px){.chord-view .chord .fret-2{top:80px}}.chord-view .chord .fret-3{top:200px}@media only screen and (max-width:800px){.chord-view .chord .fret-3{top:160px}}.chord-view .chord .fret-4{top:300px}@media only screen and (max-width:800px){.chord-view .chord .fret-4{top:240px}}.chord-view .chord .fret-5{top:400px}@media only screen and (max-width:800px){.chord-view .chord .fret-5{top:320px}}.chord-view .chord .fret-6{top:500px;box-shadow:0 10px 10px rgba(5,5,5,.993)}@media only screen and (max-width:800px){.chord-view .chord .fret-6{top:400px}}.chord-view .chord .finger-fret-1{top:35px}@media only screen and (max-width:800px){.chord-view .chord .finger-fret-1{top:28px}}.chord-view .chord .finger-fret-2{top:135px}@media only screen and (max-width:800px){.chord-view .chord .finger-fret-2{top:108px}}.chord-view .chord .finger-fret-3{top:235px}@media only screen and (max-width:800px){.chord-view .chord .finger-fret-3{top:188px}}.chord-view .chord .finger-fret-4{top:335px}@media only screen and (max-width:800px){.chord-view .chord .finger-fret-4{top:268px}}.chord-view .chord .finger-fret-5{top:435px}@media only screen and (max-width:800px){.chord-view .chord .finger-fret-5{top:348px}}.chord-view .chord .finger-string-1{left:-15px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-1{left:-15px}}.chord-view .chord .finger-string-2{left:35px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-2{left:25px}}.chord-view .chord .finger-string-3{left:85px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-3{left:65px}}.chord-view .chord .finger-string-4{left:135px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-4{left:105px}}.chord-view .chord .finger-string-5{left:185px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-5{left:145px}}.chord-view .chord .finger-string-6{left:235px}@media only screen and (max-width:800px){.chord-view .chord .finger-string-6{left:185px}}.selector{display:flex;flex-direction:row;grid-gap:50px;gap:50px}@media only screen and (max-width:800px){.selector{flex-direction:column;width:100%;align-items:center;grid-gap:30px;gap:30px}}
/*# sourceMappingURL=main.6f802f97.chunk.css.map */