@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4682b4;--text-color:#333;--bg-color:#f4f4f4}html{font-size:16px}body{color:#333;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6}.App{border:1px solid #4682b4;border:1px solid var(--primary-color);border-radius:.3125rem;margin:2rem auto;max-width:31.25rem;min-height:18.75rem;overflow:auto;padding:1.5rem;width:90%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.header h1{font-size:clamp(1.5rem,4vw,2rem)}.btn{background:#000;border:none;border-radius:.3125rem;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:.9375rem;margin:.3125rem;padding:.625rem 1.25rem;text-decoration:none}.btn:focus{outline:none}.btn:active{transform:scale(.98)}.btn-block{display:block;width:100%}.task{background:#f4f4f4;background:var(--bg-color);cursor:pointer;margin:.3125rem;padding:.625rem 1.25rem}.task.reminder{border-left:.3125rem solid green}.task h3{align-items:center;display:flex;font-size:clamp(1rem,3vw,1.25rem);justify-content:space-between}.add-form{margin-bottom:2.5rem}.form-control{margin:1.25rem 0}.form-control label{display:block;font-size:1rem;margin-bottom:.5rem}.form-control input{border:1px solid #ddd;border-radius:.25rem;font-size:1rem;height:2.5rem;margin:.3125rem 0;padding:.1875rem .4375rem;width:100%}.form-control-check{align-items:center;display:flex;gap:1rem;justify-content:space-between}.form-control-check label{flex:1 1;margin:0}.form-control-check input{height:1.25rem;margin:0;width:1.25rem}footer{margin-top:1.875rem;text-align:center}@media (max-width:768px){html{font-size:16px}.App{padding:1rem;width:95%}}@media (max-width:480px){html{font-size:15px}.form-control-check{align-items:center;flex-direction:row}.btn{font-size:1rem;padding:.5rem 1rem}}.app-container{display:flex;min-height:100vh}.content-container{flex:1 1;margin-left:72px;padding:20px;transition:margin-left .3s}.content-container.sidebar-expanded{margin-left:240px}@media (max-width:768px){.content-container{margin-left:0;padding:16px}}
/*# sourceMappingURL=main.90479f24.css.map*/