html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}@font-face{font-family:OpenDyslexic;src:url(/static/media/OpenDyslexic-Regular.f53c66cb.otf) format("opentype")}body{padding:60px 0 0;margin:0}@media print{.Navbar{display:none}}.chord-grid{--bar-width:200px;--bar-height:150px;--phrase-width:calc(var(--bar-width)*4);--bar-diagonal:250.13846px;--bar-diagonal-angle:36.86341deg;--border-width:1px;--border-color:#000;--chord-font-size:1.5rem}.chord-grid.small{--bar-width:175px;--bar-height:100px;--bar-diagonal:201.57202px;--bar-diagonal-angle:29.741deg}@media (max-width:960px){.chord-grid{--bar-width:23vw;--bar-height:15vw;--bar-diagonal:27.45906vw;--bar-diagonal-angle:33.10164deg;--phrase-width:calc(var(--bar-width)*4)}.chord-grid.small{--bar-width:23vw;--bar-height:10vw;--bar-diagonal:25.07987vw;--bar-diagonal-angle:23.49396deg}}@media (max-width:820px) and (min-width:540px){.chord-grid{--chord-font-size:1.2rem}}@media (max-width:540px){.chord-grid{--bar-width:46vw;--bar-height:30vw;--bar-diagonal:54.91812vw;--phrase-width:calc(var(--bar-width)*2)}.chord-grid.small{--bar-width:46vw;--bar-height:20vw;--bar-diagonal:50.15974vw}}.chord{font-size:var(--chord-font-size);font-family:"Times New Roman",Times,serif}.phrase{align-items:stretch;display:flex;flex-wrap:wrap;margin:0 0 3rem;width:var(--phrase-width);box-sizing:content-box}.phrase .bar{flex-shrink:0;flex-grow:0;position:relative;width:var(--bar-width);height:var(--bar-height);border-left:0 solid var(--border-color);border-bottom:0 solid var(--border-color);border-right:var(--border-width) solid var(--border-color);border-top:var(--border-width) solid var(--border-color);box-sizing:border-box}.phrase .bar.bar-4:nth-of-type(4n+1){border-left-width:var(--border-width)}.phrase .bar.bar-4:last-child,.phrase .bar.bar-4:nth-last-child(2),.phrase .bar.bar-4:nth-last-child(3),.phrase .bar.bar-4:nth-last-child(4){border-bottom-width:var(--border-width)}@media (max-width:540px){.phrase .bar.bar-4:nth-of-type(odd){border-left-width:var(--border-width)}.phrase .bar.bar-4:nth-last-child(3),.phrase .bar.bar-4:nth-last-child(4){border-bottom-width:0}.phrase .bar.bar-4:last-child,.phrase .bar.bar-4:nth-last-child(2){border-bottom-width:var(--border-width)}}.phrase .bar.bar-4 .bar-chord{align-items:center;display:flex;justify-content:center;position:absolute;top:0}.phrase .bar.bar-4 .starts-0.beats-4{height:var(--bar-height);width:var(--bar-width)}.phrase .bar.bar-4 .starts-0.beats-1{height:var(--bar-height);width:calc(var(--bar-width)/2)}.phrase .bar.bar-4 .starts-0.beats-1:before{top:var(--bar-height);transform-origin:left;transform:rotate(calc(1turn - var(--bar-diagonal-angle)))}.phrase .bar.bar-4 .starts-0.beats-1:after,.phrase .bar.bar-4 .starts-0.beats-1:before{border-top:var(--border-width) solid var(--border-color);content:"";left:0;position:absolute;width:calc(var(--bar-diagonal)/2)}.phrase .bar.bar-4 .starts-0.beats-1:after{top:0;transform-origin:left;transform:rotate(var(--bar-diagonal-angle))}.phrase .bar.bar-4 .starts-0.beats-2{height:calc(var(--bar-height)/2);width:calc(var(--bar-width)/2)}.phrase .bar.bar-4 .starts-0.beats-2:after{border-top:var(--border-width) solid var(--border-color);content:"";left:0;position:absolute;top:var(--bar-height);transform-origin:left;transform:rotate(calc(1turn - var(--bar-diagonal-angle)));width:var(--bar-diagonal)}.phrase .bar.bar-4 .starts-0.beats-3{display:flex;height:calc(var(--bar-height)/2);width:var(--bar-width)}.phrase .bar.bar-4 .starts-0.beats-3:before{left:0;transform-origin:left;transform:rotate(calc(1turn - var(--bar-diagonal-angle)))}.phrase .bar.bar-4 .starts-0.beats-3:after,.phrase .bar.bar-4 .starts-0.beats-3:before{border-top:var(--border-width) solid var(--border-color);content:"";position:absolute;top:var(--bar-height);width:calc(var(--bar-diagonal)/2)}.phrase .bar.bar-4 .starts-0.beats-3:after{right:0;transform-origin:right;transform:rotate(var(--bar-diagonal-angle))}.phrase .bar.bar-4 .starts-1.beats-1{display:flex;height:calc(var(--bar-height)/2);width:var(--bar-width)}.phrase .bar.bar-4 .starts-1.beats-1:after{border-top:var(--border-width) solid var(--border-color);content:"";position:absolute;right:0;top:0;transform-origin:right;transform:rotate(calc(1turn - var(--bar-diagonal-angle)));width:calc(var(--bar-diagonal)/2)}.phrase .bar.bar-4 .starts-1.beats-2{display:flex;height:calc(var(--bar-height)/2);margin-left:calc(var(--bar-width)/2);width:calc(var(--bar-width)/2)}.phrase .bar.bar-4 .starts-1.beats-2:after{border-top:var(--border-width) solid var(--border-color);content:"";position:absolute;right:0;top:var(--bar-height);transform-origin:right;transform:rotate(var(--bar-diagonal-angle));width:calc(var(--bar-diagonal)/2)}.phrase .bar.bar-4 .starts-1.beats-3,.phrase .bar.bar-4 .starts-2.beats-1{display:flex;height:var(--bar-height);margin-left:calc(var(--bar-width)/2);width:calc(var(--bar-width)/2)}.phrase .bar.bar-4 .starts-2.beats-1:after{border-top:var(--border-width) solid var(--border-color);content:"";position:absolute;right:0;top:var(--bar-height);transform-origin:right;transform:rotate(var(--bar-diagonal-angle));width:calc(var(--bar-diagonal)/2)}.phrase .bar.bar-4 .starts-2.beats-2{margin-left:calc(var(--bar-width)/2);width:calc(var(--bar-width)/2)}.phrase .bar.bar-4 .starts-2.beats-2,.phrase .bar.bar-4 .starts-3.beats-1{display:flex;height:calc(var(--bar-height)/2);margin-top:calc(var(--bar-height)/2)}.phrase .bar.bar-4 .starts-3.beats-1{width:var(--bar-width)}.Header{display:flex;flex-flow:row wrap}.Header h2{flex:1 1 100%}.Header__subtitle{margin:.2rem 0}.Header__notes{width:25rem;margin-right:1rem}.Header__tags{display:inline-flex;flex-direction:row}.Header__tag{margin:0 .2rem .3rem 0}@media (max-width:950px){.Header__notes{width:auto;flex:1 0 100%}}.ChordSchemas__chord{margin-right:.2rem}.lyrics{font-family:OpenDyslexic;line-height:1.5}.lyrics p{margin-bottom:1.5rem}.song_wrapper{display:flex;flex-flow:row wrap;position:relative}.song_wrapper .actions{padding:.5rem 1rem;flex:1 1 100%}@media print{.song_wrapper .actions{display:none}}.song_wrapper header{padding:1rem;flex:1 1 100%}.song_wrapper article{padding:1rem;flex:1 0}.song_wrapper aside{padding:1rem;flex:3 1}.song_wrapper aside>div{margin-bottom:1rem}.song_wrapper footer{padding:1rem;flex:1 1 100%}@media (max-width:1280px){.song_wrapper main{flex:1 1 100%;justify-content:center}.song_wrapper aside{flex:1 1 100%}}
/*# sourceMappingURL=main.a960824c.chunk.css.map */