body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:100%;margin:auto;text-align:center}.haveLoading{opacity:.5}form{display:block}label{display:inline-block;margin:auto;width:100px}form input{background:none;border:none;border-bottom:2px solid #101113;color:#787a80;font-size:18px;height:40px;width:400px}input:focus{outline:none}form button{background-color:#0000cd;border:none;border-radius:10rem;color:violet;cursor:pointer;font-size:25px;font-weight:500;height:50px;margin-top:20px;width:150px}.passwordConfirm{margin-top:30px}.cardBody{display:block;height:auto;width:auto}.boardMessage,.nullMessage{height:40px;width:75%}.boardMessage{background-color:#2e8b57;border-radius:15px;display:block;margin:auto}.boardMessage .close{float:right}.boardMessage .close:hover{color:#eee}.boardMessage .msg{font-size:20px;font-weight:500;margin:auto;vertical-align:bottom}.textwelcome{font-size:25px;margin:10px auto}.textwelcome .name{color:#6b8e23;font-weight:600}.link a{display:block;font-size:20px;font-weight:500;margin:10px auto}.link a:hover{color:#9acd32}.logout button{background-color:#3498db;border:none;border-radius:10px;color:#eee;font-size:17px;height:30px;width:75px}.logout button:hover{background-color:#1b4e70;color:#eee}header{background-color:#fafafa;display:flex;height:80px;justify-content:space-between;position:fixed;width:100%;z-index:10}header span{margin:1.5%}header .title{font-size:20px;font-weight:500}header svg{cursor:pointer;height:30px;width:30px}.todo{display:flex;height:100vh}.sideBarTodo{background-color:#f1f1f1;display:none;height:auto;margin-top:4.5%;position:relative}.active{display:block;width:20%}.sideBarTodo .list .li,.sideBarTodo .list h3{border-bottom:1px solid azure;text-align:center}.sideBarTodo .list .li{cursor:pointer;display:flex;justify-content:space-around;margin:5px}.sideBarTodo .list .li:hover{background-color:#5f9ea0;color:#eee}.sideBarTodo .list .li svg{border-radius:5px;height:20px;width:20px}.sideBarTodo .list .li .minMenu:active,.sideBarTodo .list .li .minMenu:hover{background-color:#787a80;color:#fff}.sideBarTodo .list .action{background-color:#fafafa;border:1px solid #eee;display:flex;flex-direction:column;height:120px;position:absolute;text-align:center;width:150px;z-index:10}.sideBarTodo .list .action span{color:#000;cursor:pointer;height:auto;margin:auto;width:90%}.sideBarTodo .list .action span:active,.sideBarTodo .list .action span:hover{background-color:#787a80;color:#eee;font-weight:500}.sideBarTodo .list .action svg{height:20px;vertical-align:bottom;width:20px}.sideBarTodo .list .addOne{cursor:pointer;width:90%}.sideBarTodo .list .addOne:hover{background-color:#787a80;color:#eee;cursor:pointer}.whiteBoard{display:block;margin:7% 15%;width:65%}.whiteBoard .updateBtn{background-color:#228b22;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;padding:5px}.whiteBoard .tips{color:#0e0950;display:block;font-size:18px}.whiteBoard .main{align-items:center;display:flex;flex-direction:column;height:auto;width:100%}.whiteBoard .main .title{margin-top:2%}.whiteBoard .main .title textarea{border:none;border-bottom:1px solid #eee;font-size:30px;font-weight:700;min-height:50px;resize:none;white-space:pre-wrap;width:600px}.whiteBoard .main .contextList{margin:20px auto}.whiteBoard .main .contextList .context{display:flex;flex-direction:row;margin:30px auto}.whiteBoard .main .contextList .context .contextText{box-sizing:border-box;word-break:break-word}.whiteBoard .main .contextList .context .contextText>textarea{border:none;border-bottom:1px solid #eee;font-size:16px;height:100%;resize:none;white-space:pre-wrap;width:600px}.whiteBoard .main .contextList .context .contextText>div{padding-bottom:1.5em;visibility:hidden}.whiteBoard .main .contextList .context .contextMenu{height:20px;width:20px}.whiteBoard .main .contextList .context .contextActionList{background-color:#eee;border:1px solid silver;display:flex;flex-direction:column;height:80px;padding:2px 5px;position:absolute;width:66px}.whiteBoard .main .contextList .context .contextActionList div{cursor:pointer;display:flex;flex-direction:row}.whiteBoard .main .contextList .context .contextActionList div:active,.whiteBoard .main .contextList .context .contextActionList div:hover{background-color:#00008b;color:#fff}.whiteBoard .main .contextList .context svg{cursor:pointer;height:20px;width:20px}.whiteBoard .main .contextList .context svg:active,.whiteBoard .main .contextList .context svg:hover{background-color:#787a80;color:#eee}.loader{animation:spin 1.1s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:100px;left:0;margin:10% auto;position:absolute;right:0;width:100px;z-index:100}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:670px){header{height:40px}header span{margin:10px}header svg{height:20px;width:20px}.sideBarTodo{margin-top:40px;position:absolute;z-index:5}.active{display:block;width:75%}.whiteBoard{display:block;margin:60px auto}.whiteBoard .main .title{margin-top:5%}.whiteBoard .main .title textarea{font-size:25px;min-height:45px;width:243px}.whiteBoard .main .contextList .context .contextText>textarea{font-size:16px;min-height:32px;width:243px}form input{width:170px}}@media screen and (max-width:1024px) and (min-width:768px){header{height:55px}.sideBarTodo{height:100%;position:fixed}.active{width:40%}.whiteBoard{margin:9% auto}form input{width:250px}}
/*# sourceMappingURL=main.5fb6ff58.css.map*/