.body,app,main{background-color:#181a23;position:fixed;height:100%;width:100%}.card{margin-left:20%;margin-right:20%;background-color:#2a2e45;border-radius:10px}@media only screen and (max-width:700px){.card{margin-left:3%;margin-right:3%}}#appBar{background-color:#105ff6}.textMod[data-v-34adbf9c]{height:60px;width:230px;border-radius:10px;border-style:solid;border-width:1px;border-color:#fff;margin-right:10px}.modeDiv[data-v-34adbf9c]{height:65px;width:70px;text-align:right;margin-right:3px;margin-top:3px}.colorSwatch[data-v-34adbf9c]{width:20px;left:15px;top:-7px}.colorSwatch[data-v-34adbf9c],.fontSwatch[data-v-34adbf9c]{height:10px;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:inline-flex;cursor:pointer}.fontSwatch[data-v-34adbf9c]{width:23px;left:35px;top:-9px;border-bottom-color:#fff;border-left-color:#fff;border-right-color:#fff;border-style:solid;border-width:1px;border-top-width:0;justify-content:center}.activeFontSwatch[data-v-34adbf9c]{height:15px!important}.fontLabel[data-v-34adbf9c]{font-size:7px;color:#fff}.activeSwatch[data-v-34adbf9c]{height:15px!important;top:-2px!important}.green[data-v-34adbf9c]{background-color:green}.red[data-v-34adbf9c]{background-color:red}.orange[data-v-34adbf9c]{background-color:orange}.greenInput[data-v-34adbf9c]{color:#42c842}.redInput[data-v-34adbf9c]{color:#bb4949}.orangeInput[data-v-34adbf9c]{color:#deb05a}.dialogCard1[data-v-34adbf9c],.dialogCard[data-v-34adbf9c]{background-color:#2a2e45}input[data-v-34adbf9c]{border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom-style:hidden}.umdInput[data-v-34adbf9c]{font-size:50px;height:100%;line-height:100%;width:93%;margin-left:5px;margin-right:5px;font-family:dotMatrix}.smaller[data-v-34adbf9c]{font-size:40px}.clockMode[data-v-34adbf9c]{margin-left:23px}.noClick[data-v-34adbf9c]{pointer-events:none}.no-outline[data-v-34adbf9c]:focus{outline:none}#nameInput[data-v-34adbf9c]{color:#fff;background-color:#0e4ec5;border-radius:3px;padding-left:3px}@media only screen and (max-width:600px){#nameInput[data-v-34adbf9c]{width:100px}}@font-face{font-family:dotMatrix;src:url(/fonts/DOTMATRI.6ca2862f.TTF)}.buttDiv[data-v-34adbf9c]{width:130px}.channelDiv[data-v-34adbf9c]{display:inline-flex;margin-bottom:30px;width:300px}.channelParent[data-v-34adbf9c]{flex-wrap:wrap;padding:15px;margin-top:10px;width:100%}