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}:root{background-color:#fff5ed;display:flex;justify-content:center}main{width:390px}.modall{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s ease-in-out}.modall.enter-done,.modall.show{opacity:1;pointer-events:visible}.modall.exit{opacity:0}.modall-content{background-color:#fff;-webkit-transform:translateY(-200px);transform:translateY(-200px);transition:all .3s ease-in-out;width:500px}.modall.enter-done .modall-content{-webkit-transform:translateY(0);transform:translateY(0)}.modall.exit .modall-content{-webkit-transform:translateY(-200px);transform:translateY(-200px)}.modall.show .modall.content{-webkit-transform:translateY(0);transform:translateY(0)}.modall-footer,.modall-header{padding:10px}.modall-title{margin:0}.modall-body{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:10px}.modall-footer .button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px;transition:background .3s ease-in-out;width:30%}.modall-footer .button:hover{background:#218838}.header-container{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;height:50px;justify-content:space-between;left:50%;margin:0 auto;position:fixed;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:390px;z-index:1000}.header-title{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;height:100%;padding:10px 15px}#add{background:#28a745;color:#fff}#add:hover{background:#218838}#logout{background:#007bff;color:#fff}#logout:hover{background:#0056b3}.task-list{margin-top:54px}.task-item{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .3s ease-in-out}.task-item:hover{background-color:#f1f1f1}.symbol{height:30px;margin-right:10px;width:30px}.duedate{color:#666;flex:1 1;text-align:center}.taskname{display:flex;flex:2 1;font-weight:700;justify-content:center}.taskname2{flex:2 1;margin-left:10px}.task-item button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;max-height:50px;padding:10px;transition:background-color .3s ease-in-out}.task-item button:hover{background-color:#f33}.signin{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:40px auto;padding:20px;width:350px}.signin,.signin form{align-items:center;display:flex;flex-flow:column nowrap}.signin form{width:100%}.signin form h1{align-self:center;color:#333;font-size:24px;margin-bottom:20px}.signin form input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-top:10px;padding:10px;transition:border .2s ease-in-out;width:80%}.signin form input:focus{border:1px solid #007bff;outline:none}.signin form button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px;transition:background .3s ease-in-out;width:60%}.signin form button:hover{background:#218838}.register{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background .3s ease-in-out;width:60%}.register:hover{background:#0056b3}.register-form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:20px auto;padding:20px;width:330px}.register-form .form-input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:10px 0;padding:12px;transition:border .2s ease-in-out;width:80%}.register-form .form-input:focus{border:1px solid #007bff;outline:none}.register-form .btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px;transition:background .3s ease-in-out;width:60%}.register-form .btn:hover{background:#218838}.public-homepage{margin:20px;padding:20px;text-align:center}.public-homepage h2{color:#333;font-size:24px}.public-homepage p{color:#666;font-size:18px}.features{margin:20px 0}.features h3{font-size:22px}.features ul{list-style-type:none;padding:0}.features li{color:#444;font-size:18px;margin:5px 0}
/*# sourceMappingURL=main.a2e7d5be.css.map*/