.instruction-container{width:80%;height:60%;position:absolute;top:20%;left:10%;z-index:21;display:flex;justify-content:center;align-items:center}.sound-start{height:min(80vw,60vh);max-width:600px;max-height:600px;padding:4vh;display:flex;justify-content:center;align-items:stretch;flex-direction:column;font-size:min(40px,5vw);font-weight:700;border-radius:6px;background:#131313;animation:border-pop 2.6s infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}@keyframes border-pop{0%,70%{border:4px solid #fff;box-shadow:0 0 5px #fff,0 0 5px #fff,0 0 10px #fff,inset 0 0 1px #fff,inset 0 0 2px #fff,inset 0 0 6px #fff}71%,to{border:2px solid #fff;box-shadow:none}}.sound-init-btn-container{height:100%;display:flex;flex-direction:column;gap:3vh;justify-content:center}.sound-start>p{width:100%;text-align:center;font-weight:400;white-space:nowrap;margin-bottom:.5em}.sound-start button{flex:1;flex-shrink:1;background:#fcc800;border-radius:3em;margin:10px 5px;position:relative;border:1px solid lemonchiffon;display:flex;align-items:center;justify-content:center;gap:1em;color:#000}.sound-start button:hover{color:#fff;margin:7px 2px;border:4px solid #fff;box-shadow:0 0 5px #fff,0 0 5px #fff,0 0 10px #fff,inset 0 0 1px #fff,inset 0 0 2px #fff,inset 0 0 6px #fff}.sound-start button>span{position:relative;font-size:min(60px,10vw);white-space:nowrap;line-height:100%}#sound-off .sound-note-symbol:after{content:"";width:1em;position:absolute;top:8px;left:0;border-top:4px solid red;height:100%;transform-origin:top left;transform:rotate(48deg)}