*{box-sizing:border-box}body{margin:0}#root{margin:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.signin-wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.header{width:100vw;padding:1em;display:flex;align-items:flex-start}.todo-container{display:flex;flex-direction:column-reverse;gap:20px;padding:20px;justify-content:center;max-width:1200px;margin:0 auto}.todo-card{height:200px;width:200px;border:solid 1px black;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em}.text-container>h1,.text-container>p{margin:.2em;font-size:1em}.form-wrapper{position:fixed;height:100vh;width:100vw;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.new-todo-form,.edit-todo-form{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#fff;border-radius:1em;width:50vw;height:70vh;z-index:1000;inset:0;margin:auto}.close-btn{position:absolute;top:10px;right:15px;font-size:28px;background:none;border:none;cursor:pointer}.hidden{display:none}@media(min-width:768px){.todo-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,200px));gap:20px;padding:20px;justify-content:center;max-width:1200px;margin:0 auto}.todo-card{height:200px;width:200px;border:solid 1px black;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em}.text-container>h1,.text-container>p{margin:.2em;font-size:1em}.form-wrapper{position:fixed;height:100vh;width:100vw;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.new-todo-form,.edit-todo-form{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background:#fff;border-radius:1em;width:50vw;height:70vh;z-index:1000;inset:0;margin:auto}.close-btn{position:absolute;top:10px;right:15px;font-size:28px;background:none;border:none;cursor:pointer}.hidden{display:none}}