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}.App{text-align:center}body,html{font-family:Kanit,sans-serif;height:100%;margin:0}.button-class{background-color:#6c63ff;border:5px solid #6c63ff;border-radius:10%;color:#fff;cursor:pointer;transition:background-color 1s ease,border 1s ease;width:2.3rem}.button-class:hover{background-color:#fff;border:5px solid #fff;border-radius:10%;color:#6c63ff}.logo-class,.plug-logo{stroke-width:2;color:#d3d3d3}.search-bar{border:1px solid #6c63ff;border-radius:5px;color:#999;font-family:Kanit,sans-serif;padding:8px;transition:border-color 1s ease,box-shadow .3s ease}.search-bar:focus{border:2px solid #4c43e0;border-radius:5px;box-shadow:0 0 8px #6c63ff80;outline:none}.drop-down{border:1px solid #6c63ff;border-radius:5px;color:#999;font-family:Kanit,sans-serif;padding:8px;transition:border-color .3s ease,box-shadow .3s ease}.drop-down:focus{border:2px solid #4c43e0;border-radius:5px;box-shadow:0 0 8px #6c63ff80;outline:none}.header-class{display:flex;flex-direction:row;justify-content:center;width:100vh}.header-title{align-items:center;flex-grow:1;font-size:1.5rem;justify-content:center;padding-left:6rem;text-align:center}.right-container{align-items:center;display:flex;gap:1rem;justify-content:right;width:8rem}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.overlay{background:#313131cc}.modal-content{background:#f1f1f1;border-radius:10px;left:50%;line-height:1.4;max-width:600px;min-width:300px;padding:14px 28px;position:absolute;top:40%;transform:translate(-50%,-50%)}.edit-button-class{background-color:#6c63ff;border:5px solid #6c63ff;border-radius:10px;color:#fff;cursor:pointer;margin:1rem;transition:background-color 1s ease,border 1s ease;width:5rem}.edit-button-class:hover{background-color:#fff;border:5px solid #fff;border-radius:10px;color:#6c63ff}.button-class-entry{background-color:#e8e5e5;border:none;border-radius:50%;color:#fff;height:2rem;transition:background-color 1s ease;width:2rem}.button-class-entry:hover{background-color:#fff;color:#6c63ff}.logo-class-entry{stroke-width:1;color:#b0aeae;cursor:pointer}.note{flex-grow:1;font-size:1rem;max-width:8.5rem;overflow-wrap:break-word}.desc,.note{color:#000;font-family:Kanit,sans-serif;font-weight:50;text-align:left}.desc{font-size:.7rem}.input-box{-webkit-appearance:none;appearance:none;border:1px solid #6c63ff;border-radius:5px;color:#999;font-family:Kanit,sans-serif;height:1.3rem;padding:8px;transition:border-color 1s ease,box-shadow 1s ease,background-color 1s ease;width:1.3rem}.input-box:checked{background-color:#6c63ff;border-color:#6c63ff}.input-box:hover{background-color:#6c63ff;border-color:#4c43e0}.to-do{align-items:flex-start;border-bottom:1px solid #898989;display:flex;gap:1rem;min-height:3rem;width:100%}.star-class{fill:#e8e5e5;height:20px;transition:fill 1s ease;width:20px}.star-active,.star-class:hover{fill:gold}.login-page{align-items:center;background-color:#e8e5e5;color:#737272;display:flex;flex-direction:column;gap:2 rem;height:100vh;justify-content:center}.input-field,.login-page{font-family:Kanit,sans-serif}.input-field{border:1px solid #6c63ff;border-radius:5px;color:#999;padding:8px;transition:border-color 1s ease,box-shadow .3s ease}.input-field:focus{border:2px solid #4c43e0;border-radius:5px;box-shadow:0 0 8px #6c63ff80;outline:none}.login-button-class{background-color:#6c63ff;border:5px solid #6c63ff;border-radius:10px;color:#fff;cursor:pointer;margin:1rem;transition:background-color 1s ease,border 1s ease;width:5rem}.login-button-class:hover{background-color:#fff;border:5px solid #fff;border-radius:10px;color:#6c63ff}
/*# sourceMappingURL=main.fd6b8270.css.map*/