@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);:root{--cta-color:#fec731;--bg-color:#15141b;--light-white-color:#e8e6e3;--note-bg-color:#8ae0d6}body{background-color:#15141b;background-color:var(--bg-color)}.App{max-width:90vw;height:100vh;margin:0 auto;font-family:"Montserrat",sans-serif}.Toastify__toast--error,.Toastify__toast--success{font-size:1.8rem}@media screen and (max-width:475px){.Toastify__toast--error,.Toastify__toast--success{max-width:300px;margin:0 auto}}.navbar-container{color:var(--cta-color);height:12rem}.navbar-container .navbar-left{width:5rem;height:5rem;display:flex;align-items:center}.navbar-container .navbar-brand{display:flex;align-items:center;margin-right:2rem;width:100%;height:100%}.navbar-container .navbar-brand>h4{font-family:"Qwigley",cursive}.navbar-container .navbar-brand .note-logo{height:100%;width:100%}.navbar-left>.fa-bars{font-size:3rem;cursor:pointer;display:none}.navbar-right>a>.btn-join{font-size:1.6rem;font-weight:600;padding:1rem;font-family:"Montserrat",sans-serif;background-color:var(--cta-color)}.mobile-sidebar{width:20%;height:85vh;display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:-50%;top:12%;background-color:var(--cta-color);z-index:10}.show-aside{width:30rem;left:0;top:12%;height:88vh;padding:2rem 0 2rem 4rem;transition:all .4s ease-in-out;border-radius:0 1rem 1rem 0}.mobile-sidebar>ul>a>li{color:#000;font-size:2rem;margin-bottom:2rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease-in}.mobile-sidebar>ul a>li:hover{font-size:2.1rem;font-weight:800;opacity:.9}@media only screen and (max-width:768px){.navbar-container .navbar-brand>h4{font-size:2.5rem}.navbar-right>a>.btn-join{font-size:1.4rem;min-width:8rem}.navbar-left>.fa-bars{display:block}}.sidebar{width:20%;height:85vh;display:flex;flex-direction:column;justify-content:space-between;position:-webkit-sticky;position:sticky;top:8rem}.sidebar>ul>a>li{font-size:2rem;margin-bottom:2rem;color:var(--light-white-color);padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease-in}.sidebar>ul>a>li:hover{color:#000;background-color:var(--cta-color);opacity:.9}.fa-solid{margin-right:1rem}.footer-profile{display:flex;align-items:center;color:var(--light-white-color);cursor:pointer}@media screen and (max-width:1024px){.sidebar{width:30%}}@media screen and (max-width:768px){.sidebar{display:none}}.note-wrapper{width:80%;margin:0 auto}.note-input-container{width:70%;margin:0 auto 2rem}.search-input{width:100%;margin-bottom:2rem;padding:1rem;border-radius:.5rem;border:none;font-size:1.6rem}.note-container{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));width:100%;margin:0 auto}.note-container .note-title{height:6rem;border:none;border-radius:.8rem .8rem 0 0;font-size:2rem;font-weight:800}.note-container .note-content,.note-container .note-title{color:var(--bg-color);background-color:var(--note-bg-color);padding:2rem}.note-container .note-content{border:none;resize:none;font-size:1.6rem;font-weight:600;border-radius:0 0 .8rem .8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:-.8rem}.note-content:focus,.note-title:focus{outline:none}.note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:-.5rem;padding:3rem 2rem;border-radius:0 0 .8rem .8rem;color:var(--bg-color);background-color:var(--note-bg-color);height:3rem}.note-footer>h6{font-size:1.6rem}.note-footer .note-footer-icons{display:flex}.note-footer-icons>i{cursor:pointer;font-size:1.8rem;margin-left:1rem;transition:all .3s ease}.note-footer-icons>i:hover{font-size:2rem}.note-footer .note-footer-icons .tag{width:10rem;height:2.5rem;font-size:1.3rem;font-weight:800;border-radius:10rem;margin-left:3rem}.tag-bg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--light-white-color);padding:.4rem 1.2rem;border-radius:1rem}.note-footer>.fa-plus{font-size:2.5rem;padding:.5rem .7rem;border-radius:50%;color:var(--note-bg-color);background-color:var(--bg-color);cursor:pointer}.new-notes-container .new-note{height:15rem;margin-top:.2rem;overflow-y:auto}.note-content::-webkit-scrollbar{width:12px}.note-content::-webkit-scrollbar-thumb{background:var(--bg-color);border-radius:10px}.quill .ql-editor{min-height:5rem}.quill .ql-container.ql-snow,.quill .ql-toolbar.ql-snow{border:none}.quill-note-title{border-radius:.8rem .8rem 0 0}.quill-note-content{min-height:15rem;padding:1rem 0 0}@media screen and (max-width:1024px){.note-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media screen and (max-width:768px){.note-input-container,.note-wrapper{width:100%}.note-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}}.homepage-container{display:flex}.landing-container{margin-top:10rem}.hero-container{display:flex;align-items:center;color:var(--light-white-color)}.hero-container-left,.hero-container-right{width:50%}.hero-container-right>img{width:100%}.hero-container .hero-container-left .heading>h1{font-size:5rem;line-height:1.5;font-weight:500;font-family:"Montserrat",sans-serif}.heading-description>p{margin:3rem 0;font-family:"Montserrat",sans-serif;text-transform:capitalize;letter-spacing:3px}.auth-container{max-width:40rem;display:flex;flex-direction:column;cursor:pointer}.flex{display:flex}.auth-container .flex>a>.btn-join{font-size:2rem;font-weight:600;padding:1.2rem;font-family:"Montserrat",sans-serif;background-color:var(--cta-color);margin:.5rem}.auth-container .flex>a>.btn-join>span{font-size:1.6rem}.auth-container>a>.btn-signin{font-size:1.4rem;font-family:"Montserrat",sans-serif;background-color:transparent}@media only screen and (max-width:1200px){.header{margin-bottom:15rem}.hero-container .hero-container-left .heading>h1{font-size:4rem}}@media only screen and (max-width:1024px){.header .header-container h4{font-size:4rem}.hero-container{flex-direction:column-reverse;align-items:flex-start}.hero-container-left,.hero-container-right{width:100%}.hero-container .hero-container-left .heading>h1{font-size:4.5rem}.auth-container{margin-bottom:4rem}}@media only screen and (max-width:600px){.hero-container{text-align:center}.header .header-container h4{font-size:3rem}.hero-container .hero-container-left .heading>h1{font-size:3.5rem}.heading-description>p{font-size:1.8rem}.auth-container{margin:auto;align-items:center}}.login-container{height:80vh;display:flex;align-items:center;justify-content:center}.login{width:40rem;padding:2rem;border-radius:.5rem;background-color:var(--light-white-color)}.login-title{text-align:center;font-weight:900;margin-bottom:2rem}.login-form>input{width:100%;margin:.4rem 0 2rem;padding:1rem}.forgot-password{font-size:1.2rem}.btn-login{font-size:1.7rem;width:100%;background-color:var(--bg-color);margin-top:1rem;text-transform:uppercase;letter-spacing:.1rem;font-weight:700;opacity:.9}.btn-login:hover{opacity:1}.btn-guest-login{font-size:1.6rem;width:100%;color:var(--bg-color);background-color:transparent;border:1.5px solid var(--bg-color);margin-top:1rem;text-transform:capitalize;letter-spacing:.1rem;font-weight:700}.btn-guest-login:hover{text-transform:uppercase;letter-spacing:.2rem}.no-account{font-size:1.4rem;margin:1rem 0;text-align:center;letter-spacing:.1rem}.no-account a{text-decoration:underline}.term-condition{display:flex;align-items:center;font-size:1.2rem}.term-condition>input{margin-right:.5rem}.login-error-msg,.signup-error-msg{margin-bottom:2rem}.your-notes-container{width:100%}.tag-btn-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.tag-btn-container .filter-tag-container .filter-btn-container>button{margin:0 1rem}.btn-tag{color:var(--bg-color);background-color:var(--cta-color);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 1.5rem}.filter-tag-container{display:flex;align-items:center}.filter-by-tag{color:var(--light-white-color);margin-right:2rem}.filter-tag-container .filter-btn-container>label{font-size:1.8rem;color:var(--cta-color);margin-left:1.5rem;cursor:pointer}.no-notes{color:var(--light-white-color);text-align:center}@media screen and (max-width:768px){.tag-btn-container{align-items:flex-start}}@media screen and (max-width:475px){.btn-tag{padding:.5rem}.tag-btn-container{flex-direction:row;justify-content:space-between;align-items:flex-start}.filter-tag-container{flex-direction:column;align-items:flex-start}.filter-tag-container .filter-btn-container{display:flex;flex-direction:column}.tag-btn-container .filter-tag-container .filter-btn-container>button{margin:.8rem 0}.filter-tag-container .filter-btn-container>label{margin:0}}.error404-container{width:50%;margin:10rem auto 0;text-align:center}.error404-container>a>button{width:10rem;margin-top:4rem}
/*# sourceMappingURL=main.4e5662c0.chunk.css.map */