.container[data-v-5fdf712e]{display:grid;grid-template-columns:300px 1fr}.navigation[data-v-5fdf712e]{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-right:1px solid lightblue;background:#add8e6}.content[data-v-5fdf712e]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.belly[data-v-5fdf712e]{display:grid}.bounds[data-v-5fdf712e],.belly-image[data-v-5fdf712e]{grid-area:1/1/2/2}.bounds[data-v-5fdf712e]{width:80%;margin:auto auto 10%;height:40%}.belly-image[data-v-5fdf712e]{max-width:600px}.instrument[data-v-5fdf712e],.instrument-container[data-v-5fdf712e]{width:100px;height:100px}.current-instrument[data-v-5fdf712e]{width:100px;height:100px;position:absolute;z-index:100;inset:0}.current-instrument-image[data-v-5fdf712e]{width:100px;height:100px}.effect[data-v-5fdf712e]{position:absolute;z-index:100;inset:0}@media only screen and (max-width: 700px){.container[data-v-5fdf712e]{grid-template-rows:1fr 200px;grid-template-columns:auto;height:100vh}.navigation[data-v-5fdf712e]{grid-row:2/3;height:auto;flex-direction:row}.content[data-v-5fdf712e]{height:100%}.belly-image[data-v-5fdf712e]{width:100%}}.container[data-v-55fb5fb0]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:absolute;left:0;top:0;-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%)}.start[data-v-55fb5fb0]{width:25%;height:100px;background:#add8e6;border:none;font-size:20px}@media only screen and (max-width: 700px){.start[data-v-55fb5fb0]{width:65%}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0}body{overflow:hidden;height:100vh;width:100%}