@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:#f3f6f9;--color-light:#acb4bd;--color-lighter:#f9f9f9;--color-white:#fff;--color-border:#e0e3e6}.dark{--color-main:#d58bdd;--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:#f3f6f9;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:95vh;margin:0 auto;max-width:480px;position:relative;width:100%}.app-header{align-items:center;background-color:#f9f9f9;background-color:var(--color-lighter);box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;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:#f3f6f9;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:70px;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:#f3f6f9;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}.logintitle{color:#f68657;color:var(--color-main);font-size:24px;font-weight:600;margin:15px 0 25px 25px}.loginform{text-align:center}.inputarea{background-color:#f9f9f9;background-color:var(--color-lighter);border:1px solid #f68657;border:1px solid var(--color-main);border-radius:5px;margin:5px auto 10px;padding:16px 12px;width:90%}.inputarea:active,.inputarea:focus{border:1px solid #f68657;border:1px solid var(--color-main);outline:1px solid #f68657;outline:1px solid var(--color-main)}.labelform{float:left;font-size:18px;margin-bottom:5px;margin-left:25px;text-align:right}.buttonsubmit{background-color:#f68657;background-color:var(--color-main);border:none;border-radius:5px;color:#fff;color:var(--color-white);font-size:16px;font-weight:500;margin-top:20px;padding:10px 20px}.links{color:#383a3f;color:var(--color-text)}.betweenlinks{color:#f68657;color:var(--color-main);font-size:18px;margin:0 5px}.welcome{border-bottom:1px solid #f9f9f9;border-bottom:1px solid var(--color-lighter);font-size:25px;margin:15px 0;padding-bottom:20px;text-align:center}.welcome>span{color:#f68657;color:var(--color-main)}.error{font-size:22px;margin-top:20px;text-align:center}
/*# sourceMappingURL=main.a149b018.css.map*/