#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.note-header{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:3rem;border-bottom:1px solid var(--text-400)}.note-app{display:flex;justify-content:space-between;gap:2rem}.note-form{gap:1.5rem;display:grid}.add-new-note{width:30%}.note-container{width:60%}.note-status{display:flex;justify-content:space-between;color:var(--text-400);margin-bottom:2rem}.note-status span{border-radius:2rem;display:inline-block;background-color:var(--text-400);padding:.2rem .3rem;font-size:.75rem;color:var(--text-100)}.note-item{padding:1rem;background-color:#fff;border-radius:.75rem;margin-bottom:1.5rem}.note-item__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.3rem;margin-bottom:.3rem;border-bottom:1px solid var(--text-100)}.note-item.completed .title{text-decoration:line-through}.note-item.completed{opacity:80%}.note-item__header .title{font-size:1.1rem;color:var(--text-700);margin-bottom:.5rem;font-weight:700}.note-item__header .desc{color:var(--text-400);margin-bottom:.5rem;font-weight:300}.note-item__header .actions{display:flex;gap:1.5rem;align-items:center}.note-item__header .box{display:flex;gap:15px}.note-item__footer{color:var(--text-300)}@media (max-width: 750px){.note-app{flex-direction:column}.add-new-note,.note-container{width:100%}}.decor-box{display:flex;justify-content:space-around;padding:10px;margin-top:10px}.decor-icon{height:100px;width:100px;opacity:.7}.decor-icon:hover{opacity:1;box-shadow:2px 2p 5px #000}.navbar{background-color:#252525;color:beige;text-align:center;height:50px;border-radius:10px;margin-bottom:10px}.navIcon{height:40px;width:40px;margin:auto}.navTitle{text-transform:uppercase;font-size:25px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--bg-color: #f3f4f6;--text-700: #374151;--text-400: #94a3b8;--text-100: #f3f4f6;--text-300: #cbd5e1;--white: #fff;--primary-700: #4338ca;--primary-600: #4f46e5;--primary-100: #e0e7ff;--rose-500: #f43f5e}*{padding:0;margin:0;box-sizing:border-box;list-style:none}body{background-color:var(--bg-color);width:100vw;min-height:100vh}input{display:block;outline:none;border:none}button{outline:none;border:none;cursor:pointer}p{text-align:left}h1,h2{margin-bottom:1.5rem;color:var(--text-700)}input[type=checkbox]{transform:scale(1.5)}button{border:none;outline:none;cursor:pointer;background:none}select{padding:.5rem 1rem;outline:none;border:1px solid var(--text-400);border-radius:.75rem;font-weight:700;color:var(--text-700)}.text-field{width:100%;padding:1rem;border-radius:.5rem;color:var(--text-700);font-size:1rem}.btn{border-radius:.5rem;padding:1rem}.btn--primary{background-color:var(--primary-600);color:#fff;font-size:1rem}