div[data-v-488d0dce]{width:100px;height:100px;border:1px solid #000}.turned-off[data-v-488d0dce]{background-color:#0ff}.turned-on[data-v-488d0dce]{background-color:#ff0}div[data-v-197b2993]{display:flex}header[data-v-b35f58b0]{width:100%;background-color:#0ff;text-align:center;font-family:sans-serif;margin:0;font-size:1.6em}div[data-v-b35f58b0]{text-align:center}h1[data-v-b35f58b0]{color:#333}p[data-v-10fbc686]{text-align:center}.backdrop[data-v-2ecaa251]{position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,.5);z-index:9}.modal[data-v-2ecaa251]{position:absolute;width:300px;border:1px solid #000;border-radius:10px;box-shadow:2px 2px 2px #000;z-index:10;top:100px;left:calc(50% - 170px);background-color:#fff;padding:16px}header[data-v-2ecaa251]{text-align:center}nav[data-v-2ecaa251]{margin-top:20px;text-align:center}main[data-v-2ecaa251]{padding:15px;text-align:center}section[data-v-06b31506]{display:flex;flex-direction:column;margin-top:40px}div[data-v-06b31506]{display:flex;justify-content:center}*{margin:0;color:#eee}body{background-color:#333}