body{width:100%}.clear{clear:both}.flash{animation:.5s linear 0s 1 flash;animation-timing-function:ease-out}@keyframes flash{from{background:#f36c68;box-shadow:0px 0px 0px 10px #f36c68}to{background:rgba(0,0,0,0);box-shadow:none}}svg.piano{font-family:monospace,arial}svg.piano text{fill:#fff}svg.piano .left-label circle{fill:#408f93}svg.piano .right-label circle{fill:#d7403c}svg.piano .num-1 circle{fill:#f36c68}svg.piano .num-2 circle{fill:#d7403c}svg.piano .num-3 circle{fill:#b8201c}svg.piano .num-4 circle{fill:#970b07}svg.piano .num-5 circle{fill:#6d0300}.central-content .link-button,.central-content .chord-select-form input[type=submit]{border:none;background:#b8201c;color:#fff;padding:10px;border-radius:10px;box-sizing:border-box;transition:background-color .4s;display:inline-block;font-size:16px;text-decoration:none;cursor:pointer}.central-content .link-button:hover,.central-content .chord-select-form input[type=submit]:hover{background-color:#f36c68}body{background:#b8201c}.header{background:#fff}.central-content{background:#fff;padding:10px;box-sizing:border-box;border-radius:20px;margin-top:10px}@media(min-width: 900px){.central-content{max-width:1280px;margin-left:auto;margin-right:auto}}@media(max-width: 899px){.central-content{width:100%}}@media(max-width: 899px){.central-content{margin-left:5px;max-width:calc(100vw - 10px)}}.central-content .breadcrumb{font-size:12px;color:#4a525f;margin-bottom:10px}.central-content .breadcrumb .sep{display:inline}.central-content .breadcrumb .sep::before{content:" > "}.central-content .breadcrumb .current{display:inline;font-weight:500}.central-content h1{font-size:20px;color:#b8201c;margin:0 0 20px 0}.central-content h2{font-size:16px;margin:10px 0}.central-content .instrument-select{max-width:400px;display:flex;margin:0 auto}.central-content .instrument-select>a{display:block;border-radius:10px;border:solid 3px #b8201c;margin:0 5px;flex:1;padding:10%;box-sizing:border-box;transition:background-color .4s}.central-content .instrument-select>a:hover{background-color:#f36c68}.central-content .instrument-select>a:hover svg{fill:#970b07}.central-content .instrument-select>a svg{transition:fill .4s;fill:#b8201c}.central-content .chord-select-form label{display:flex;max-width:400px;margin:0 auto 5px auto}.central-content .chord-select-form label span{flex-basis:150px;color:#b8201c}.central-content .chord-select-form label select{flex:1}.central-content .chord-select-form .form-preview{width:100%;max-width:400px;margin:10px auto}.central-content .chord-select-form .form-preview .form-preview-value{margin-left:20px;display:inline;font-weight:500;font-size:18px}.central-content .chord-select-form input[type=submit]{width:150px;display:block;margin:0 auto}.central-content .main-notes ul{max-width:700px;display:flex;margin:0 auto;justify-content:space-evenly;flex-wrap:wrap;padding:0}.central-content .main-notes ul li{margin-bottom:20px;list-style:none}.central-content .main-notes ul li a{white-space:pre;text-decoration:none;display:block;width:150px;height:150px;padding:20px;box-sizing:border-box;font-size:20px;padding:10%;box-sizing:border-box;border-radius:10px;background:#b8201c;transition:all .4s;text-align:center;white-space:pre-wrap;color:#fff}.central-content .main-notes ul li a:hover{background-color:#f36c68}.central-content .main-notes ul li a .primary{font-weight:500}.central-content .main-notes ul li a .secondary{font-size:14px}.central-content .chords-svg-list{list-style:none;padding:0}.central-content .chords-svg-list .no-result::before{content:"Accord inconnu...";font-style:italic;font-size:.85em}.central-content .chords-svg-list .svgs{display:flex;justify-content:left;align-items:flex-start;padding:0;list-style:none;overflow-x:auto}.central-content .chords-svg-list .svgs::-webkit-scrollbar{display:none;height:0}.central-content .chords-svg-list .svgs li{margin-right:10px}.central-content .chords-svg-list .svgs li svg{height:100px;max-width:100vw}.redac{font-size:14px;margin-top:100px}.redac h2{color:#b8201c;font-size:17px;margin:10px 0 0 0}.redac h3{color:#d7403c;font-size:16px;margin:10px 0 0 0}.redac p{margin:0}