/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{max-width:600px;margin:auto;padding:1rem;width:calc(100% - 2.2rem)}.input{padding:.5rem .75rem;border-radius:4px;border:1px solid #816c01;width:40px}.input__title{width:200px}body{background-color:#fffbe8;color:#221}a{font-weight:700;text-decoration:underline;color:#bb0083}a:hover{color:#ee00a7}.header{padding-bottom:0}.header__stripe{background:#fee150;display:block;width:100%;height:20rem;position:absolute;transform-origin:top left;z-index:-1;transform:skewY(-6deg);border-bottom:#fed81d}.button{background:#bb0083;border:1px solid #99006b;padding:.75rem 1rem;border-radius:4px;cursor:pointer;color:#fffbe8}.button:hover{background:#ee00a7;border-color:#ff88db}.button--secondary{padding:.25rem;border-radius:4px;cursor:pointer;background:#fffbe8;border:1px solid #816c01;margin-right:.5rem;margin-top:.25rem}.button--secondary:hover{background:#fee772}#controls{text-align:right}#controls .button{margin:1rem 0 0;display:inline-block}.button--download{text-decoration:none;font-weight:400}.button--download:hover{color:#fffbe8}h1{margin:1.2rem 0 .8rem}.form__row{margin:1rem 0}.form__row p{margin-bottom:0}.label__hand{display:block;margin-bottom:1.5rem}.hand{font-weight:400;display:inline-block;margin-right:.5rem}.hand__title{font-weight:700;display:block;margin-bottom:.5rem}@media (max-width:500px){.form__wrapper .label{width:30%;display:inline-block}}.label,legend{font-weight:700;margin-bottom:.5rem}.label__title span{display:inline-block;margin-bottom:.5rem}.label__title input{display:block}.footer{font-size:.8rem}.footer__header{font-size:1rem}#chord{margin:auto;text-align:center}#chord img{max-width:450px}.presets{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.presets .button{min-width:100px}
/*# sourceMappingURL=/main.7a4ff234.css.map */