@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);:root{--bg-color:#eaf5ea;--bg-color-darker:#c0ebc0;--bg-color-pink:#faf6e6;--pink-color:#ebc7e5;--dark-pink:#f472b6;--blue-color:#8ac6dd;--dark-blue:#22a4d7;--white-color:#fff;--black-color:#1e293b;--grey-color:#334155;--off-white:#94a3b8;--color-one:#ccf782;--color-two:#fcbaba;--color-three:#a2d6ee;--color-four:#bcb8b8;--color-five:#fe8597;--color-six:#c084fc;--color-seven:#ffbf81;--color-eight:#86efac}body{margin:0;padding:0;font-family:"Comfortaa",cursive;font-size:100%;background-color:#eaf5ea;background-color:var(--bg-color)}.link{text-decoration:none}.link,button:hover,link:hover{cursor:pointer}.margin-top-bottom-zero{margin-top:0;margin-bottom:0}@media screen and (max-width:500px){body{font-size:80%}}.navbar-desktop-view{display:flex}.navbar-mbl-view{display:none}@media screen and (max-width:650px){.navbar-desktop-view{display:none}.navbar-mbl-view{display:flex}}.app{background-color:var(--bg-color)}div .toast{width:20rem;background-color:var(--bg-color-pink)}.navbar{padding:.8rem 7rem;position:fixed;top:0;right:0;left:0;background-color:var(--bg-color);z-index:1;display:flex;align-items:center;grid-gap:2rem;gap:2rem;background-color:#fff}.navbar-logo{height:2rem;width:2rem}.navbar-icons-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-left:auto}.navbar-icon{color:var(--grey-color);padding:3px;border-radius:10px;transition:.3s ease-in-out}.navbar-icon:hover{background-color:var(--pink-color)}.search{padding:5px 10px;border-radius:.7rem;display:flex;align-items:center;justify-content:flex-start;grid-gap:5px;gap:5px;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search,.search-input{background-color:var(--bg-color-pink)}.search-input{padding:5px 1rem 5px 0;border:none;outline:none}.tag-menu{position:absolute;top:3rem}.filter-select{border:none;outline:none}@media screen and (max-width:1050px){.navbar{padding:1rem}}@media screen and (max-width:700px){.navbar{grid-gap:20px;gap:20px}}@media screen and (max-width:650px){.search-input{width:14rem}}.note-taking-page{width:100vw;display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;margin-top:4rem;padding:1rem 0}.add-note-title{font-size:1.5rem;background-color:var(--white-color);padding:5px 10px;border-radius:10px}.my-notes-title{font-size:2rem;margin-top:0;margin-bottom:0}.notes-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:2rem;gap:2rem;margin:1rem}.react-quill-cotainer{padding:1rem;background-color:var(--white-color);display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.title-input{width:98%;border-radius:.7rem;border:1px solid var(--off-white);outline:none;padding:10px 0 10px 10px}.editor-of-note{display:flex;flex-direction:row-reverse;grid-gap:10px;gap:10px;height:auto}.ql-toolbar.ql-snow{border:1px solid var(--off-white)!important}.ql-toolbar{height:5rem;border-radius:.7rem}.ql-formats,.ql-toolbar{display:flex;flex-direction:column}.ql-toolbar.ql-snow+.ql-container.ql-snow{border:0}.ql-container.ql-container.ql-snow{height:5rem}.ql-editor{box-sizing:border-box;width:29rem;border:1px solid var(--off-white);border-radius:.7rem}.note-taking-footer{display:flex;grid-gap:1rem;gap:1rem}.note-taking-footer-partone{display:flex;align-items:center;grid-gap:10px;gap:10px}.note-taking-footer-parttwo{display:flex;align-items:center;grid-gap:5px;gap:5px}.select-section{padding:10px 1.5rem;border-radius:.5rem;border:1px solid var(--off-white)}.input-container{display:flex;align-items:center;grid-gap:10px;gap:10px}.label-input{padding:10px;width:7rem;border:1px solid var(--off-white);outline:none;border-radius:.5rem}.add-note-button,.cancel-note-button{box-sizing:border-box;border:none;color:var(--black-color);font-size:1rem;padding:9px 1.2rem;width:5.3rem;border-radius:7px;transition:.3s}.add-note-button{background-color:var(--pink-color)}.add-note-button:hover{background-color:var(--dark-pink)}.cancel-note-button{background-color:var(--blue-color)}.cancel-note-button:hover{background-color:var(--dark-blue)}.color-palette-container{position:relative}.color-palette{position:absolute;top:3rem}@media screen and (max-width:1050px){.note-taking-main{margin:5rem 2rem 2rem;align-items:center}.editor-of-note{flex-direction:column}.ql-toolbar{flex-direction:row;width:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.note-taking-footer{flex-direction:column}.add-note-button,.cancel-note-button{width:8rem}}@media screen and (max-width:650px){.note-taking-page{margin-top:7.375rem}}@media screen and (max-width:500px){.note-taking-page{padding-top:5rem}.react-quill-cotainer{padding:10px}.title-input{width:97%}.ql-container.ql-container.ql-snow,.ql-editor.ql-blank{height:8rem}.ql-editor{width:21.3rem}.react-quill-cotainer{height:100%}.select-section{padding:5px 7px}.input-container{grid-gap:5px;gap:5px}.label-input{padding:5px 0;width:5.5rem}.note-taking-footer-partone,.note-taking-footer-parttwo{grid-gap:7px;gap:7px}.note-taking-main{margin-top:6rem 0 0 0}.color-palette{right:5px}}.home-page{margin-top:3rem;position:relative;width:100vw;height:91vh;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center}.landing-img{position:relative;width:30%;height:85%;border:1rem solid var(--pink-color);padding:10px}.responsive-img{width:100%;height:100%}.landing-page-text{position:absolute;font-weight:900;font-size:2rem;top:40%;display:flex;flex-direction:column;align-items:center;grid-gap:1.5rem;gap:1.5rem}.landing-page-title{width:90%;letter-spacing:.5px;text-align:center;line-height:2.5rem;color:var(--black-color)}.cta-button{border:none;background-color:var(--pink-color);padding:1rem 3rem;font-size:1.2rem;border-radius:12px;color:var(--black-color);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cta-button:hover{-webkit-transform:scale(1.07);transform:scale(1.07);background-color:var(--dark-pink)}@media screen and (max-width:1050px){.home-page{margin-top:4rem}.landing-img{width:60%}}@media screen and (max-width:650px){.home-page{margin-top:7.375rem}}@media screen and (max-width:500px){.landing-img{width:100%;height:90%;border:none}.landing-page-text{top:30%}.home-page{align-items:flex-start}}.auth-page{margin-top:3rem;height:80vh;padding-top:3rem;background-color:var(--bg-color)}.auth-page,.login-form{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem}.login-form{width:17rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem;border-radius:1rem;background-color:var(--white-color)}.form-inputs{display:flex;flex-direction:column;grid-gap:20px;gap:20px;width:90%}.form-input-ecom{border:none;padding:5px 0;border-bottom:1px solid var(--black-color);background-color:var(--cream-mint);outline:none}.form-input-ecom::-webkit-input-placeholder{font-size:14px}.form-input-ecom:-ms-input-placeholder{font-size:14px}.form-input-ecom::placeholder{font-size:14px}.log-out,.login-form-btn{border:none;background-color:var(--pink-color);color:var(--black-color);font-size:1.2rem;padding:.5rem;border-radius:10px;transition:.3s ease-in-out}.login-form-btn{width:90%}.login-form-btn:hover{background-color:var(--dark-pink)}.register-text{letter-spacing:.5px;font-size:13px}.login-guest{margin-top:2rem;cursor:pointer;font-size:1.2rem;border-bottom:1px solid var(--black-color)}.user-profile{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;margin-top:10rem}@media screen and (max-width:1050px){.auth-page{margin-top:4rem;height:85vh}}@media screen and (max-width:650px){.auth-page{margin-top:7.375rem}}.archives-page{margin-top:4rem;min-height:80vh;padding:1rem 0;display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem}.archives-notes{display:flex;flex-wrap:wrap;justify-content:center;margin:1rem 0}.archives-title{font-size:2rem}.archives-content{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem}.archives-text{font-size:1rem}.add-note{font-size:1.5rem;background-color:var(--white-color);padding:5px 10px;border-radius:10px;text-decoration:none;color:var(--black-color)}.trash-notes{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}@media screen and (max-width:650px){.archives-page{margin-top:7.375rem}}.color{height:1.5rem;width:1.5rem;border-radius:50%}.color-palette{padding:15px 0;width:8rem;grid-gap:6px;gap:6px;display:flex;justify-content:center;flex-wrap:wrap;background-color:var(--white-color);z-index:1}.note-card{position:relative;min-height:11rem;width:19rem;padding:20px;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between}.note-card-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:1.5rem}.pin-icon-on-card{cursor:pointer;position:absolute;right:15px;top:15px;padding-left:5px}.note-card-content{min-height:5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;text-align:justify}.note-card-footer{display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end;align-items:center}.date-label-container,.priority-container{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px}.date-label-container{flex-wrap:wrap}.drop-down-menu{grid-gap:10px;gap:10px;padding:2rem;z-index:2}.drop-down-menu,.navbar-mbl{display:flex;flex-direction:column;background-color:var(--white-color)}.navbar-mbl{padding:1rem;grid-gap:1rem;gap:1rem;position:fixed;top:0;right:0;left:0;z-index:1}.navbar-mbl-part-one{display:flex}.navbar-mbl-part-two{display:flex;align-items:center;grid-gap:1rem;gap:1rem;justify-content:space-between;flex-wrap:wrap}.navbar-mbl-filter{display:flex;grid-gap:1rem;gap:1rem;font-size:1rem}
/*# sourceMappingURL=main.6d3432b4.chunk.css.map */