@font-face{font-family:AguDisplay;src:url(./fonts/AguDisplay-Regular-VariableFont_MORF.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nutino Italic;src:url(./fonts/Nunito-Italic-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nutino;src:url(./fonts/Nunito-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RubikVinyl;src:url(./fonts/RubikVinyl-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--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;--btn-primary: #27bca9}*{padding:0;margin:0;box-sizing:border-box;list-style:none}.rubik-vinyl-regular{font-family:Rubik Vinyl,serif;font-weight:400;font-style:normal}.agu-display-text{font-family:Agu Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"MORF" 0}.nunito-font{font-family:Nunito,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}body{background-color:var(--bg-color);font-family:Nutino,serif;width:100vw;min-height:100vh}input{display:block;outline:none;border:none}input,input::placeholder{font-family:Nutino,serif}button{font-family:Nutino,serif;outline:none;border:none;cursor:pointer}p{text-align:left}h1{margin-bottom:1.5rem;color:var(--text-700)}h2{margin-bottom:1.5rem;font-family:RubikVinyl,serif;color:var(--text-700)}input[type=checkbox]{transform:scale(1.5)}button{border:none;outline:none;cursor:pointer;background:none}select{padding:.5rem 1rem;margin-bottom:1.2rem;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(--btn-primary);color:#fff;font-size:1rem}#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:2px 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 .trash{width:1.5rem;height:1.5rem;color:var(--rose-500);background:none}.note-item__footer{color:var(--text-300)}@media (max-width: 768px){.note-app{flex-direction:column}.add-new-note,.note-container{width:95%;margin:.5rem auto}}