body{margin:0;padding:0;font-family:sans-serif}.panel{position:relative;text-align:center;width:100%;z-index:2;margin-top:20px;margin-bottom:20px}.panel>section{width:80%;background:#ddd;margin:0 auto;text-align:left;padding:1em;border-radius:8px}.panel>nav{display:none}.form{padding:1%;border:1px solid black;width:100%;max-width:600px;background:#fff;margin-bottom:20px}.form>div{margin-bottom:3%}.form>div>label{width:40%;display:inline-block;font-weight:700}.form>.button{text-align:center;margin-top:10px}.song-container{display:block;text-align:center;width:100%;overflow:hidden;background:#fff}h3{margin-bottom:0}#boo{margin:1em;border:1px solid black}.note-highlight path,.note-highlight rect,.note-highlight text{fill:red!important;stroke:red!important}.piano{margin-top:100px;z-index:1}ul{width:100%;margin:0 auto;padding:0;position:relative;text-align:center}li{display:inline-block;border:1px solid black;height:80px}.white{background:#fff}.black{background:#000;position:absolute;margin:0 0 0 -10px;border-left:2px solid white;border-bot:2px solid white}.white-pressed{background:#aaa}.black-pressed{background:#222}.svg{margin-top:10px;background-color:#555;display:block}circle{fill:#fff;opacity:.3}