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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.note{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:15px;width:80%}.note,.note-title{margin-bottom:10px}.note-title{font-size:20px;font-weight:700;text-align:center}.note-content{word-wrap:break-word;font-size:16px;margin-bottom:10px}.note-actions{display:flex;justify-content:space-between}ul{list-style-type:none;margin:0;padding:0}li{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:10px 0;padding:20px;text-align:center}li p{margin:0;overflow-wrap:break-word}li .note-title{font-size:18px;font-weight:700;margin-bottom:8px}li .note-content{margin-bottom:12px}li .button-group{display:flex;justify-content:flex-end}button{background-color:555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:8px 16px;transition:background-color .3s}button:hover{background-color:#555}.note-form{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:16px}.note-form input[type=text],.note-form textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px;transition:border-color .3s;width:100%}.note-form input[type=text]:focus,.note-form textarea:focus{border-color:#333;outline:none}.note-form textarea{min-height:100px;resize:vertical}.category-select{display:flex;flex-direction:row;gap:8px}.category-select label{font-weight:700}.category-select div{align-items:center;display:flex;gap:8px}.note-form button{background-color:#555;border-radius:4px;font-size:16px;padding:10px 16px;transition:background-color .3s}body{background-color:#f7f7f7}.title{background-color:#333;color:#fff;margin-bottom:20px;padding:10px;text-align:center}.title h1{font-size:24px;margin:0}h1{text-align:center}.note-form,h1{margin-bottom:20px}.note-form{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px}.note-form input,.note-form textarea{border:1px solid #ddd;border-radius:3px;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.note-form button{background-color:#333;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px 20px}.note-form button:hover{background-color:#555}.categoryFilter{display:flex}.categoryFilter select{margin-left:10px}.note-list{list-style:none;padding:0}.note-list li{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px;width:80%}.note-list li h2{font-size:18px;margin:0}.note-list li p{color:#666;margin:5px 0}.note-list li button{background-color:#333;border:none;border-radius:3px;cursor:pointer;padding:5px 10px;width:30%}.note-list li button:hover{background-color:#555}.container{margin:0 auto;max-width:800px;padding:20px}.navbar{background-color:#333;color:#fff;padding:10px 20px;text-align:center}.main-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:20px}body{background-color:#f4f4f9;color:#333}.login-form-container{align-items:center;display:flex;height:100%;justify-content:center;margin-top:200px;width:100%}.login-form{background-color:#f9f9f9;display:flex;flex-direction:column;padding:1rem;text-align:center;width:300px}.login-form,.login-form input{border:1px solid #ccc;border-radius:5px}.login-form input{margin-bottom:1rem;padding:.5rem}.login-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem}.login-form button:hover{background-color:#555}body{font-family:Arial,sans-serif}body,nav ul{margin:0;padding:0}nav ul{background:#333;display:flex;justify-content:space-between;list-style-type:none}nav ul li{background-color:#5a5a5a;border-radius:0;justify-content:center;margin:15px 20px;padding:1em}nav ul li a{color:#fff;font-size:large;font-weight:700;text-decoration:none}nav ul li a:hover{color:#8f8f8f}.logout{font-size:large;font-weight:700}.logout,.logout:hover{background-color:#5a5a5a}.logout:hover{color:#8f8f8f}.note{border:1px solid #ccc;border-radius:5px;margin:1em;padding:1em}.form,.note-list{align-items:center;display:flex;flex-direction:column}.form input,form textarea{padding:.5em;width:300px}.form button{padding:.5em 1em}
/*# sourceMappingURL=main.e4f91ad9.css.map*/