body{display:flex;flex-direction:column;justify-content:center;background-image:url(/static/app_music/tuner/purty-wood.png);background-color:#dbfdff;font-family:BIZ UDGothic,sans-serif;font-weight:400;font-style:normal;margin:0;padding:0}#appContainer{width:100%}#canvasContainer{position:relative;width:80vh;height:80vh;max-width:450px;max-height:450px;margin-left:auto;margin-right:auto}#tunerCanvas,#tunerCanvasBase{position:absolute;width:100%;height:100%;top:0;left:50%}#uiContainer{position:relative;background-color:#bfb358;width:80vh;max-width:450px;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}#recordButton{margin:10px;font-size:15px;background-color:#dbfdff;color:#000;border:2px solid black;border-radius:5px;cursor:pointer}#recordButton.active{background-color:red!important;color:#fff}#stringButtonContainer{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.stringButtonClass{margin:5px;font-size:25px;width:40px;height:40px;background-color:#dbfdff;border-radius:10px;border:2px solid black;cursor:pointer;box-shadow:0 3px 4px #0000001a;transition:all .2s ease-in-out}.stringButtonClass:hover{transform:translateY(-3px);box-shadow:0 6px 8px #0003}.stringButtonClass.active{background-color:#fdfd82!important}#tuningSelector{margin:10px 0 20px;font-size:15px;padding:5px;border-radius:5px;border:2px solid black}#description{width:80vw;padding:10px 50px;margin:20px auto;background-color:#dbfdffaa}@media screen and (orientation:portrait),screen and (max-width:500px){#canvasContainer{width:100vw;height:100vw;background-color:#add8e6}#uiContainer{width:100vw}}