*{margin:0;padding:0;box-sizing:border-box}.app{display:flex;flex-direction:column;min-height:100vh;min-width:100vw;background-color:#fff}.dark.app{background-color:#000}.dark div{color:#fff}.header{width:100%;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid gray}.dark .icon{fill:#fff}.left{display:flex;justify-content:center;align-items:center;gap:10px}.parent{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;height:420px;overflow:auto}.board{display:flex;flex-wrap:wrap;width:300px;border:1px solid #000;flex:1}.box{display:flex;align-items:center;justify-content:center;width:calc(100% / 3);height:100px;border:1px solid #000}.dark .box{border:1px solid #fff}.message{margin-top:20px;flex:1}.btn{margin-top:20px}button{outline:none;border:none;padding:16px 24px;background-color:#2532e9;color:#cfc8c8;border-radius:24px}.footer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.links{display:flex;padding:20px;justify-content:space-between;list-style:none;width:100%;max-width:300px}.url{font-size:2rem}.copyright{text-align:center}.copyright a{text-decoration:none;color:gray}