.guitarChord>button{background-color:#ffdd01;color:#1a1a1a;border:2px solid #000;border-radius:0;padding:.5em 1em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.guitarChord>button:hover{background-color:#ff90e9;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.chordProgressionBox{display:flex;justify-content:space-around}.chordProgressionBox,.chordTriadsShapesBox{margin-top:.5em;margin-bottom:1.5em;flex-wrap:wrap;padding:1em;background:#fff;border-radius:0;border:3px solid #000;box-shadow:6px 6px 0 #000}.chordTriadsShapesBox{justify-content:column}.mainbox span{padding:1em}.chordTriadsShapesRows{margin-top:.5em;display:flex;justify-content:space-around;flex-wrap:wrap;border-radius:0}.mainbox text{font-size:.7em;position:relative;bottom:2px}h1{padding-top:.5em;font-size:1.5rem!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800}.articleBox{margin:0 auto;max-width:800px;padding:2rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.7;background:#fff;border:3px solid #000;box-shadow:6px 6px 0 #000;overflow-x:hidden}@media(max-width:600px){.articleBox{padding:1.2rem .8rem;border-left:none;border-right:none;box-shadow:0 6px 0 #000}.articleBox h1{font-size:1.25rem!important}.articleBox h2{font-size:1.1rem}.articleBox h3{font-size:1rem}.articleBox li,.articleBox p{font-size:.9rem}}@media(min-width:767px){.articleBox{margin:2em auto;padding:2rem 3rem}}.chordsTable-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 1.5em;border:2px solid #000;position:relative}@media(max-width:991px){.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable),.chordsTable-wrap{position:relative}.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable):after,.chordsTable-wrap:after{content:"scroll →";position:-webkit-sticky;position:sticky;right:0;float:right;margin-top:-1.8em;padding:.15em .5em;font-size:.7rem;font-weight:700;color:#1a1a1a;background:#ffdd01;border:1px solid #000;pointer-events:none;opacity:.85}}.chordsTable{width:100%;border-collapse:collapse;font-size:.95rem;border:2px solid #000}.chordsTable td,.chordsTable th{padding:.5em .75em;text-align:left;border-bottom:1px solid #ccc;white-space:nowrap}.chordsTable th{background:#1a1a1a;color:#fff;font-weight:700;border-bottom:2px solid #000}.chordsTable tr:nth-child(2n){background:#f9f9f2}.chordsTable a{color:#1a1a1a;font-weight:600;border-bottom:2px solid #ffdd01}.articleBox .chordsTable:not(.chordsTable-wrap .chordsTable){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 1.5em}@media(max-width:600px){.chordsTable{font-size:.8rem}.chordsTable td,.chordsTable th{padding:.4em .5em}.chordsTable td:nth-child(3){white-space:normal;min-width:120px}}