@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap);body{font:14px "Noto Sans JP",sans-serif;background-color:#000}.app-main{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.app-time{position:relative}.app-clock{top:-2%;width:220px}.app-clock,.app-message{position:absolute;left:2%}.app-message{top:25%}.app-button{position:absolute;top:7%;right:2%}.date{font-size:16px;margin-bottom:2px}.clock{display:-webkit-flex;display:flex;border-bottom:2px solid #8a2be2;font-size:48px;font-weight:700;margin-top:2px;margin-bottom:6px}.ampm{font-size:30%;margin-top:17.5%}.seconds{font-size:50%;margin-top:12.5%}.message{border-radius:10%;padding:10px 5px;width:100px;text-align:center}.react-message{border-radius:15%;padding:10px 5px;margin-top:15%;display:inline-block}img.chara-img{width:400px;height:auto;margin-top:36%;margin-left:2%}.app-button .item-frame{margin:.25rem auto}.app-button .text{vertical-align:middle}.app-button label{cursor:pointer;font-weight:700}.app-button .switch{position:relative}.app-button .switch:after,.app-button .switch:before{content:"";vertical-align:middle;display:inline-block}.app-button .switch:before{width:2em;height:1em;border:2px solid #c4c9ff;border-radius:32px;background:#999}.app-button .switch:after{position:relative;width:1em;height:1em;background:#c4c9ff;border-radius:50%;left:-2.2em}.app-button input{display:none}.app-button input:checked~.switch:before{background:#00b715;border-color:#84ff92}.app-button input:checked~.switch:after{background:#84ff92;left:-1.1em}@media (max-width:600px){.app-main{-webkit-flex-direction:column;flex-direction:column}.app-message{top:25%;left:2%}img.chara-img{width:400px;height:auto;margin-top:36%;margin-left:2%}}
/*# sourceMappingURL=main.84687a6e.chunk.css.map */