a,abbr,article,aside,body,dd,div,dl,dt,footer,form,h1,h2,h3,header,html,img,label,li,menu,nav,ol,p,section,span,table,tbody,td,tfoot,th,thead,tr,ul{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}.dn{display:none}body{background-attachment:fixed;background-color:#fff;background-image:url(/build/images/bg.babce518.jpg);background-position:bottom;background-repeat:no-repeat;background-size:100%;font-family:Verdana,Arial,Helv,Helvetica,FreeSans,sans-serif;font-size:16px}.AnnounceLeaderboard{display:none}@media screen and (min-width:800px){.AnnounceLeaderboard{display:block}}.AnnounceLeaderboard{margin-top:20px;text-align:center}.BodyContainer{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);margin:0 auto;max-width:1380px;min-width:360px;position:relative;width:auto}.BodyContent{font-size:1rem;min-height:28rem;padding:10px}.BodyContent p{line-height:1.75}@media screen and (min-width:800px){.BodyContent{padding:20px}}.BodyContent h1,.ChordCompositionForm .summary{font-size:1.5rem;margin-bottom:20px}.ChordCompositionForm .summary{color:#666}.ChordCompositionForm .form_fields{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.ChordCompositionForm .form_field{flex-grow:1;padding-top:20px;width:100%}@media(min-width:800px){.ChordCompositionForm .form_field{width:20%}}.ChordCompositionForm .form_field h2{font-size:1.25rem;font-weight:700;text-align:center}.ChordCompositionForm .form_field ul{text-align:left}.ChordCompositionForm .form_field li{font-size:1.25rem;line-height:150%;margin-top:20px}.ChordCompositionForm .form_field li input{display:none;float:left;margin:15px}@media screen and (min-width:800px){.ChordCompositionForm .form_field li input{display:block}}.ChordCompositionForm .form_field li label{background:#eee;border-radius:7px;cursor:pointer;display:block;padding:5px;text-align:center}@media screen and (min-width:800px){.ChordCompositionForm .form_field li label{text-align:left}}.ChordCompositionForm .form_field li input:checked+label{background:#add8e6}.ChordCompositionForm .form_field li input:disabled+label{color:#d3d3d3;cursor:not-allowed}.ChordCompositionForm .button{cursor:pointer;padding:10px 20px;text-align:center}.ChordCompositionForm .submit{width:100%}.ChordParsingForm .label{display:block;margin-right:80px}.ChordParsingForm .field{border:1px solid gray;border-radius:7px 0 0 7px;border-right:none;box-sizing:border-box;float:left;font-size:1.5rem;height:60px;outline:0;padding:0 10px;width:100%}.ChordParsingForm .button{border:1px solid gray;border-radius:0 7px 7px 0;cursor:pointer;height:60px;padding:0 5px;vertical-align:top;width:80px}.ChordParsingForm ul{font-size:.85rem;margin:10px 0}.ChordParsingForm li{color:red}.ChordParsingForm .examples{color:#666;font-style:italic;margin-top:10px}.ChordsBlock{clear:left;margin-top:20px}.ChordsBlock h3{font-size:1.5rem;font-weight:700}.ChordsBlock .count,.ContactForm{margin-top:20px}.ContactForm .label{display:block;font-size:1.25rem;font-weight:700;padding-bottom:10px}.ContactForm ul{font-size:.85rem;margin-bottom:10px}.ContactForm li{color:red}.ContactForm .field{box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.ContactForm .button{cursor:pointer;padding:10px 20px;text-align:center}.ContactForm .submit{width:100%}.Footer{background:#7cc106;clear:both;color:#fff;min-height:3rem;padding:10px}@media screen and (min-width:800px){.Footer{padding:20px}}.Footer a{color:#fff}.FooterLinks{font-size:.75rem;text-align:center}.FooterLink{display:inline;margin:0 8px}.FormErrors{margin-bottom:20px}.FormError{color:#d44;margin-top:10px;padding-left:10px}.GuitarChords{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:20px}.GuitarChord img{display:block;height:auto;max-width:118px;width:100%}.Header{background:#f60;padding:10px;text-align:center}.Header a{display:block;outline:0;text-decoration:none}@media screen and (min-width:800px){.Header{padding:20px;text-align:left}}.Homepage .presentation{line-height:150%;margin-bottom:20px}.Homepage .presentation a{text-decoration:none}.Homepage .ChordParsingForm{text-align:center}.Homepage .alternative{border-bottom:1px solid #888;border-top:1px solid #888;color:#444;font-size:1.75rem;font-style:italic;margin:40px 0;padding:10px 0;text-align:center;text-transform:uppercase}.KeyboardChord{margin-top:20px}.KeyboardChord img{display:block;height:auto;max-width:673px;width:100%}.LatestChordRenderings{display:none}@media screen and (min-width:800px){.LatestChordRenderings{display:block;margin-top:20px;text-align:center}.LatestChordRenderings dt{margin-bottom:20px}.LatestChordRenderings dd{margin-bottom:10px}}.SiteLogo{display:block;height:auto;margin:0 auto;max-width:300px;width:100%}@media screen and (min-width:800px){.SiteLogo{margin:0}}.SiteMotto{color:#fff;display:block;font-size:.75rem;font-style:normal;line-height:135%;margin-top:10px}.SiteTitle{display:none}