@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&display=swap);:root{--color-main:#f68657;--color-text:#383a3f;--color-dark:#1f2124;--color-gray:#677;--color-bg:#1f2124;--color-light:#acb4bd;--color-lighter:#f9f9f9;--color-white:#fff;--color-border:#e0e3e6}.dark{--color-main:#f68657;--color-text:#d6d1d1;--color-dark:#f5f6f7;--color-gray:#999;--color-bg:#1f2124;--color-lighter:#292a2c;--color-white:#2e3235;--color-border:#252629}*{box-sizing:border-box;color:inherit;font-family:Lexend,sans-serif;font-size:inherit;margin:0;padding:0;scroll-behavior:smooth}body{font-size:16px;font-weight:400;line-height:1.8em}a{text-decoration:none}.container{align-items:center;background-color:#1f2124;background-color:var(--color-bg);color:#383a3f;color:var(--color-text);display:flex;height:100vh;width:100%}.app{background-color:#fff;background-color:var(--color-white);box-shadow:1px 1px 6px rgba(0,0,0,.05);height:88vh;margin:0 auto;max-width:480px;position:relative;width:100%}.theme{cursor:pointer;font-size:20px;position:absolute;right:12px;top:12px}.app-header,.theme{align-items:center;display:flex}.app-header{background-color:#f9f9f9;background-color:var(--color-lighter);box-shadow:0 1px 3px rgba(0,0,0,.1);justify-content:space-between;padding:16px}.app-header h1{color:#1f2124;color:var(--color-dark);font-size:30px;font-weight:800;text-align:center}.app-header button{background:transparent;border:0;cursor:pointer}.app-header button>svg{fill:#1f2124;fill:var(--color-dark);height:25px;object-fit:cover;width:25px}.app-body{padding:16px}.notes-header{align-items:center;display:flex;justify-content:space-between;padding:10px 16px}.notes-count,.notes-title{color:#f68657;color:var(--color-main);font-size:24px;font-weight:600}.notes-count{color:#677;color:var(--color-gray);font-size:18px}.notes-list{height:70vh;margin:16px 0;overflow-y:auto;padding:0;scrollbar-width:none}.notes-list::-webkit-scrollbar{display:none}.notes-list-item{border-bottom:1px solid #e0e3e6;border-bottom:1px solid var(--color-border);margin-bottom:12px;padding:8px 16px;transition:all .2s ease-in-out}.notes-list-item:hover{background-color:#1f2124;background-color:var(--color-bg);cursor:pointer}.notes-list-item h3,.notes-list-item p span{font-weight:600}.notes-list-item p span{color:#677;color:var(--color-gray);display:inline-block;margin-right:8px}.notes-list-item p{color:#acb4bd;color:var(--color-light);font-size:14px}.floating-button{align-items:center;background:#f68657;background:var(--color-main);border:none;border-radius:50%;bottom:24px;box-shadow:1px 1px 10px rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:48px;height:60px;justify-content:center;position:absolute;right:16px;width:60px}.floating-button>svg{fill:#1f2124;fill:var(--color-bg)}.note-header{color:#f68657;color:var(--color-main);justify-content:space-between;padding:10px}.note-header,.note-header h3{align-items:center;display:flex}.note-header h3{cursor:pointer;font-size:24px}.note-header h3 svg{fill:#f68657;fill:var(--color-main);margin-right:8px;width:20px}.note-header button{background-color:initial;border:none;cursor:pointer;font-size:18px;font-weight:600;outline:none}.note textarea{background-color:#fff;background-color:var(--color-white);border:none;height:70vh;padding:16px 12px;resize:none;scrollbar-width:none;width:100%}.note textarea:active,.note textarea:focus{border:none;outline:none}.note textarea::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.eae8e2b2.css.map*/