.home-container{background-color:#fff;background-color:var(--background);color:#000;color:var(--text-primary);font-family:Varela Round,sans-serif;min-height:100vh;padding:20px 50px;transition:all .5s}.top{align-items:center;display:flex;justify-content:space-between;width:100%}.top .first{font-size:2rem;font-weight:800}.top .second{align-items:center;display:flex;gap:30px;justify-content:space-around}.top .second>*{background-color:#ccc;background-color:var(--gray-bg);border-radius:10px;cursor:pointer;font-weight:700;padding:2px 10px;transition:all .3s}.top>.second>p>.add-note{color:#000;color:var(--text-primary);text-decoration:none}.top .second>:hover{letter-spacing:1px}.search-bar{background-color:#ccc;border-radius:10px;margin-top:30px;padding:15px 10px}.search-bar input{background:transparent;border:none;font-size:1.2rem;outline:none;width:100%}.your-notes{font-size:1.5rem;font-weight:700;margin:30px 0 20px}.notes{display:flex;flex-wrap:wrap;gap:15px;padding-left:35px;width:100%}@media only screen and (min-width:360px) and (max-width:768px){.home-container{padding:18px 20px}.notes{flex-direction:column;margin-bottom:50px;padding-left:0}.top{display:block}.top .first{font-size:1.2rem;margin-bottom:30px}.top .second{justify-content:normal}.top .second>*{font-size:.8rem;margin-right:10px}.search-bar{padding:8px 4px}.search-bar input{font-size:1rem}.your-notes{font-size:1.1rem}}@media only screen and (max-width:359px){.home-container{padding:18px 20px}.notes{margin-bottom:50px;padding-left:0}.notes,.top .second{flex-direction:column}.top .second{gap:15px}.top{display:block}.top .first{font-size:1.2rem;margin-bottom:30px}.top .second>*{font-size:.8rem}.search-bar{padding:8px 4px}.search-bar input{font-size:1rem}.your-notes{font-size:1.1rem}}.lazy-note-card{align-items:center;background-color:#fff;background-color:var(--form-bg);border-radius:5px;box-shadow:0 0 5px #333;box-shadow:0 0 5px var(--border);display:flex;flex-direction:column;padding:10px 5px 0;position:relative;width:30%}.lazy-note-card h3{padding-top:5px}.lazy-note-card p{line-height:23px;margin:18px 5px 60px;text-align:justify}.lazy-note-card-footer{bottom:-50px;font-size:1.3rem;left:5px;padding-top:30px;position:absolute}@media screen and (max-width:768px){.lazy-note-card{width:97%}.lazy-note-card h3{font-size:.9rem}.lazy-note-card p{font-size:.8rem}}.write-container{height:100vh;width:100%}.write,.write-container{background-color:#fff;background-color:var(--background)}.write{color:#000;color:var(--text-primary);font-family:Varela Round,sans-serif;overflow:hidden;padding:18px 50px}.write h3{color:#8e05c2;color:var(--accent);font-size:1.9rem;margin-bottom:50px}.write form{display:flex;flex-direction:column}.write form label{font-size:1.4rem;font-weight:700;margin-bottom:15px}.write form input,.write form textarea{background-color:#fff;background-color:var(--background);border:none;color:#000;color:var(--text-primary);font-size:1.2rem;margin-bottom:20px;outline:none}.write form textarea{resize:none}.write form button{background-color:#8e05c2;background-color:var(--accent);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin-top:20px;padding:10px 0;width:50%}.write form button:hover{background-color:#c205c2}@media screen and (max-width:768px){.write{padding:18px 20px}.write h3{font-size:1.6rem}.write form label{font-size:1.2rem}.write form input,.write form textarea{font-size:1rem}.write form button{font-size:1.2rem}}@media screen and (max-width:350px){.write form button{font-size:1rem}}a{color:#8e05c2;color:var(--text-secondary)}.app{background-color:#fff;background-color:var(--background);background-size:cover;color:#000;color:var(--text-primary);display:flex;flex-direction:column;font-family:Varela Round,sans-serif;font-size:.8rem;justify-content:center;transition:all .5s}.login h1{font-size:48px;margin-top:1rem;text-align:center}.theme-toggle>h2{padding:1rem;text-align:center}.theme-toggle i{cursor:pointer;font-size:2rem}.theme-toggle{margin-bottom:2rem;text-align:center}.login>.container{align-items:center;background-color:#fff;background-color:var(--form-bg);border-radius:8px;box-shadow:0 0 8px #333;box-shadow:0 0 8px var(--border);display:flex;flex-direction:column;justify-content:center;margin:1rem auto 0;padding:1.5rem;width:400px}.container>.top{display:flex;justify-content:space-around;width:100%}.container>.top>*{cursor:pointer;font-size:1.5rem}.divider{border-bottom:1px solid #000;border-bottom:1px solid var(--text-primary);line-height:.1rem;margin:2rem 0;text-align:center;width:100%}.divider>span{background-color:#fff;background-color:var(--form-bg);padding:0 10px}.container>form{display:flex;flex-direction:column;width:100%}.container>form>label{font-weight:600;margin:8px 0}.container>form>input{background:#fff;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:6px;color:#000;color:var(--text-primary);margin-bottom:8px;padding:8px}.remember{align-items:center;display:flex;width:100%}.container>form>button{background-color:#8e05c2;background-color:var(--accent);border:1px solid #8e05c2;border:1px solid var(--accent);border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin:16px 0;padding:10px}.bottom{display:flex;font-size:.8rem;justify-content:space-between;width:100%}.container>.create{color:#000;color:var(--text-primary);cursor:pointer;font-size:1.3rem;font-weight:500;margin-top:1rem;text-decoration:none}@media screen and (max-width:465px){.login>.container{width:350px}}@media screen and (max-width:420px){.login>.container{width:300px}}@media screen and (max-width:385px){.login>.container{width:260px}}@media screen and (max-width:325px){.login>.container{width:250px}}@media screen and (max-width:310px){.login>.container{padding:.8rem;width:240px}.container>form>input{margin-bottom:8px;padding:7px}.container>form>button{border-radius:10px;cursor:pointer;font-weight:600;padding:7px}}.register-wrapper{background-color:#fff;background-color:var(--background);background-size:cover;color:#000;color:var(--text-primary);display:flex;flex-direction:column;font-family:Varela Round,sans-serif;font-size:.8rem;justify-content:center;padding-bottom:30px;transition:all .5s}.register h1{font-size:40px;margin-top:1rem;text-align:center}.register>.container{align-items:center;background-color:#fff;background-color:var(--form-bg);border-radius:8px;box-shadow:0 0 8px #333;box-shadow:0 0 8px var(--border);display:flex;flex-direction:column;justify-content:center;margin:1.4rem auto 0;padding:1.5rem;width:400px}.register>.container>.top{display:flex;justify-content:space-around;width:100%}.register>.container>.top>*{cursor:pointer;font-size:1.5rem}.register>.container>.divider{border-bottom:1px solid #000;border-bottom:1px solid var(--text-primary);line-height:.1rem;margin:2rem 0;text-align:center;width:100%}.register>.container>.divider>span{background-color:#fff;background-color:var(--form-bg);padding:0 10px}.register>.container>form{display:flex;flex-direction:column;width:100%}.register>.container>form>label{font-weight:600;margin:8px 0}.register>.container>form>input{background:#fff;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:6px;color:#000;color:var(--text-primary);margin-bottom:8px;padding:8px}.register>.container>.remember{align-items:center;display:flex;width:100%}input[type=checkbox]:checked{margin:0;padding:0}.remember p{padding-left:8px}.register>.container>form>button{background-color:#8e05c2;background-color:var(--accent);border:1px solid #8e05c2;border:1px solid var(--accent);border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin:16px 0;padding:10px}.register>.container>.register-footer>p{text-align:center}.register>.container>.register-footer>p:first-child{font-size:.8rem;margin-bottom:5px}.register>.container>.register-footer>p:first-child,.register>.container>.register-footer>p:nth-child(2)>span{color:#8e05c2;color:var(--text-secondary);cursor:pointer}@media screen and (max-width:465px){.register>.container{width:350px}}@media screen and (max-width:420px){.register>.container{width:300px}}@media screen and (max-width:385px){.register>.container{width:260px}}@media screen and (max-width:325px){.register>.container{width:240px}}@media screen and (max-width:280px){.register>.container{width:220px}}.single-note-container{background-color:#fff;background-color:var(--background);color:#000;color:var(--text-primary);font-family:Varela Round,sans-serif;min-height:100vh;padding:0 20px 20px}.single-note{align-items:center;display:flex;flex-direction:column;justify-content:center}.single-note>p{line-height:23px;margin:15px 0;text-align:justify}.single-note>h2{font-size:1.8rem;font-weight:700;margin-top:20px}.single-note-footer{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.single-note-footer>p{font-size:1.5rem}.single-note-footer .de-edit .edit{color:#000;color:var(--text-primary);cursor:pointer;font-size:1.5rem;margin-right:5px}.single-note-footer .de-edit .delete{cursor:pointer;font-size:1.5rem}@media screen and (max-width:768px){.single-note>p{font-size:.9rem}.single-note>h2{font-size:1.3rem}.single-note-footer .de-edit>.delete,.single-note-footer .de-edit>.edit,.single-note-footer>p{font-size:1.2rem}}:root{--background:#fff;--text-primary:#000;--text-secondary:#8e05c2;--accent:#8e05c2;--border:#333;--form-bg:#fff;--gray-bg:#ccc}[data-theme=dark]{--background:#000;--text-primary:#fff;--text-secondary:#8e05c2;--accent:#8e05c2;--border:grey;--form-bg:#191919;--gray-bg:#333}.footer{background-color:#fff;background-color:var(--background);border-top:.05px solid #000;border-top:.05px solid var(--text-primary);color:#000;color:var(--text-primary);font-family:Varela Round,sans-serif;padding:30px 0;width:100%}.footer-list ul{align-items:center;display:flex;gap:30px;justify-content:center;list-style:none}.footer-list ul li{font-size:1.45rem}.footer-list ul li:not(:last-of-type){font-size:1.6rem}.footer-list ul li a{color:#000;color:var(--text-primary);text-decoration:none}.footer-copyright{font-size:1.1rem;letter-spacing:1px;margin-top:18px;text-align:center}@media screen and (max-width:768px){.footer-list ul li{font-size:1rem;margin-left:20px}.footer-list ul li:not(:last-of-type){font-size:1.2rem}.footer-copyright{font-size:.9rem}}
/*# sourceMappingURL=main.b5f33376.css.map*/