html,body{margin:0;padding:0;background-color:#d0eaef}header img{width:100%}main{max-width:800px;margin:auto;text-align:center}#instruments{display:flex;justify-content:center}.instrument{border:1px solid black;border-radius:5px;background-color:#fff;width:60px;padding:6px;margin:5px;cursor:pointer}.unselected{background-color:#d0eaef;cursor:pointer}.locked{background-color:#888}.selectable{cursor:pointer;width:100px;margin:10px}.message{margin:20px;padding:10px;background-color:#f0f0f0;border-radius:5px}label{display:inline-flex;flex-direction:column;margin:10px;border:1px solid #ccc}.pulse{display:block;background:#fff;cursor:pointer;box-shadow:0 0 #03a12866;animation:pulse 2s infinite}.pulse:hover{animation:none}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(3,161,40,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)}to{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(3,161,40,.4);box-shadow:0 0 #03a12866}70%{-moz-box-shadow:0 0 0 10px rgba(204,169,44,0);box-shadow:0 0 0 10px #cca92c00}to{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 #cca92c00}}