.note-body{display:flex;justify-content:space-around}.note-list-section{width:70%;padding:20px}.new-note-section{width:30%;padding:20px}@media screen and (max-width: 800px){.new-note-section{padding:20px 0}.note-list-section{padding:20px 15px}}@media screen and (max-width: 650px){.note-body{flex-direction:column;justify-content:center;align-items:center}.new-note-section,.note-list-section{width:100%;padding:20px}}.add-new-note{width:100%;margin-top:25px}.new-note-header{color:#00165a;margin-bottom:20px;text-align:center}.new-note-input{border:none;padding:10px;border-radius:8px;margin:8px 0}.new-note-input:focus{outline:none}.new-note-form{display:flex;flex-direction:column}.new-note-btn{padding:8px 5px;margin:10px 0;border-radius:8px;border:none;background-color:#483d8b;opacity:.9;color:#fff;cursor:pointer;font-weight:700;transition:.3s}.new-note-btn:hover{opacity:1}.fill-error{background-color:#f8d7da;color:#721c24;text-align:center;font-weight:600;font-size:15px;word-spacing:2px;text-transform:capitalize;border-radius:8px}.note-list{width:100%}.note-list-item{margin-top:25px}.note-list-header{display:flex;align-items:center;justify-content:space-around;cursor:pointer;margin-bottom:15px}.note-list-header p{color:#747474;text-transform:capitalize}.badge{border-radius:50%;background-color:#747474;color:#fff;padding:0 5px;font-size:13px;margin:0 5px}.note-item{padding:10px 15px;background-color:#fff;border-radius:8px}.note-item-header{border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between}.note-item-desc{color:#747474;opacity:.6;font-size:14px;margin:10px 0}.date{font-size:14px;color:#747474;opacity:.6;margin-top:10px}.note-operation{display:flex;align-items:center}.note-operation-item{margin:0 5px;cursor:pointer}.delete-note{border:none;background-color:transparent}.delete-note svg{font-size:20px}.completed{text-decoration:line-through}body{direction:ltr;padding:0 25px;background-color:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}select:focus-visible{outline:none}.note-header{display:flex;align-items:center;justify-content:space-around;color:#00165a;border-bottom:1px solid #374151}.note-app-select{border:1px solid #374151;border-radius:8px;font-size:12px;height:30px}.note-app-option{color:#fff;background-color:#374151}.scroll-to-top{width:50px;height:50px;background-color:#483d8b;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.9;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;font-size:35px;color:#fff;cursor:pointer;position:fixed;bottom:10px;right:10px;transition:.3s}.scroll-to-top:hover{opacity:1}