nav[data-v-339a856a]{padding:15px 0}nav ul[data-v-339a856a]{padding:0 15px;list-style:none}nav ul li[data-v-339a856a]{display:inline-block;margin-right:15px}nav ul li a[data-v-339a856a],nav ul li a[data-v-339a856a]:visited{color:#000}nav ul li a.router-link-exact-active[data-v-339a856a]{font-weight:700}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;max-width:1000px;margin:0 auto}#main{padding:0 15px}.button{background-color:#008cba;color:#fff;border:none;text-align:center;cursor:pointer}.button,select{padding:15px 32px;text-decoration:none;display:inline-block;font-size:16px;margin-right:5px;margin-bottom:5px}.button:disabled{background:gray;cursor:not-allowed}a,a:visited{color:blue}.item[data-v-a0854b74]{background:#add8e6;border-radius:3px;padding:10px;display:flex;flex-direction:column}.item .text-container[data-v-a0854b74]{padding:5px 0 5px 0;margin-bottom:auto}.item .img[data-v-a0854b74]{background-image:url(https://www.fillmurray.com/300/200);width:100%;height:75px;background-position:50%;background-repeat:no-repeat;background-size:cover}.item .button-container[data-v-a0854b74]{margin-top:10px;align-self:flex-end;width:100%;display:flex;justify-content:space-between}.item .button-container button[data-v-a0854b74]{border:1px solid #000;border-radius:5px;padding:5px;align-content:space-around}.item.item--1 .button-container[data-v-a0854b74],.item.item--2 .button-container[data-v-a0854b74]{display:block}.item.item--1 .button-container button[data-v-a0854b74],.item.item--2 .button-container button[data-v-a0854b74]{width:100%;margin-top:5px}.item .button-container button[data-v-a0854b74]:hover{background:#add8e6}.container[data-v-4c28a323]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(auto-fill);grid-row-gap:.5em;grid-column-gap:.5em}.q-card[data-v-4aaa9cf8]{background-color:#f8f9fa;font-size:24px;padding:5px;position:relative}.q-card.red[data-v-4aaa9cf8]{background:#ff4f67}.q-card.green[data-v-4aaa9cf8]{background:#7eba65}.q-card>label[data-v-4aaa9cf8]{display:block;text-align:center;margin-bottom:10px}.q-card input[data-v-4aaa9cf8]{max-width:100px;font-size:22px;text-align:center}button[data-v-4aaa9cf8]{position:absolute;top:10px;right:10px;width:30px;height:30px}.card-container[data-v-3f3e8e46]{margin-top:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(auto-fill);grid-row-gap:.5em;grid-column-gap:.5em}.container[data-v-0b8ba4a9]{max-width:400px;margin:0 auto;padding-bottom:50px}.card[data-v-0b8ba4a9]{border-radius:5px;border:1px solid silver;padding:15px;margin-bottom:20px}label[data-v-0b8ba4a9],select[data-v-0b8ba4a9]{margin-right:10px}input[data-v-0b8ba4a9]{padding:15px;font-size:16px;max-width:100px;text-align:center;border:1px solid gray}input.correct[data-v-0b8ba4a9]{background:#90ee90}input.incorrect[data-v-0b8ba4a9]{border:1px solid #f08080}.cell[data-v-1694c7ce]{position:relative;background:#add8e6;font-size:6px;aspect-ratio:1;cursor:pointer}.cell.cell--alive[data-v-1694c7ce]{background:green}.cell[data-v-1694c7ce]:hover:before{content:"";background:#000;display:block;position:absolute;top:-5px;right:-5px;left:-5px;bottom:-5px;z-index:1}.cell.cell--alive[data-v-1694c7ce]:hover:before{border:1px solid #000;background:green}.cell-board[data-v-00cfe486]{margin-top:15px;border:1px solid #000;padding:2px;display:grid;grid-template-rows:repeat(auto-fill);grid-row-gap:2px;grid-column-gap:2px}