@import url(https://fonts.googleapis.com/css2?family=Cormorant+Upright&family=Inter:wght@300&family=Petemoss&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow-y:auto}:root{--light-grey:#dfdfde;--primary-bg-color:#f2ddc1;--secondary-bg-color:#694e4e;--primary-text-color:#2c3333;--white:#fff;--dark-1:#15202b;--dark-2:#192734;--grey-1:#889a96}.flex-vt{display:flex;flex-direction:column}.flex-hz{display:flex;flex-direction:row}.jc-sa{justify-content:space-around}.jc-sb{justify-content:space-between}.main-page-container{display:grid;grid-template-areas:"sidebar mainsection";grid-template-columns:300px auto}.main-section-container{display:flex;flex-direction:column;grid-area:mainsection}@media only screen and (max-width:600px){html{font-size:50%}}.navigation-container{background-color:var(--white);box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.navigation-container-dark{background-color:var(--dark-2);justify-content:space-around}.lib-name-1-dark{color:var(--white)}.lib-name-1-dark,.lib-name-2-dark{font-family:"Source Serif 4";font-size:2rem}.lib-name-2-dark{color:var(--grey)}.color-picker-container,.color-picker-container-modal{background-color:#fff;border-radius:5px;bottom:-100px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:auto;padding:.5rem;position:absolute;right:90px;width:15rem;z-index:2}.colorItem{border-radius:50%;height:3.2rem;margin:.2rem;width:3.2rem}.colorItem:hover{opacity:.7}.modal-overlay{visibility:visible}.pin-icon-modal:hover{color:var(--black)}.note-container{background-color:pink;border-radius:2rem;height:auto;margin:10px;max-width:50rem;min-width:30rem;padding:5px 10px;position:relative;width:auto}.note-item-title{font-size:2rem;font-weight:500;margin:5px}.note-item-desc{font-size:1.5rem;margin:5px}.note-pin-icon{position:absolute;right:5px;top:5px}.sidebar-container,.sidebar-container-dark{grid-area:sidebar;height:100vh;width:30rem}.sidebar-container-dark{background-color:var(--dark-1)}.sidebar-item{color:var(--secondary-text-color)}.sidebar-item,.sidebar-item-dark{border-bottom-right-radius:20px;border-top-right-radius:20px;font-size:2rem;margin:10px;padding:10px auto}.sidebar-item-dark{color:var(--white)}.sidebar-item:hover{background-color:var(--primary-bg-color)}.links{text-decoration:none}.label-item,.label-item-dark{cursor:pointer;font-size:2rem;margin:10px}.label-item-dark{color:var(--grey)}.btn-floating-action{cursor:pointer}.add-new-label-input{border:none;border-radius:2px;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:2rem;height:5rem;margin:10px;outline:none;width:15rem}.btn-floating-action{background-color:var(--secondary-bg-color)}.sort-input{cursor:"pointer";font-size:2rem}.sort-input-dark{color:var(--white);font-size:2rem}.clear-btn:hover{color:var(--secondary-bg-color);cursor:pointer}.textEditor-container{margin:2rem}.textEditor-container,.textEditor-container-dark{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:20rem;position:relative;width:70rem}.textEditor-container-dark{margin:20px auto}.input-dark,.textEditor-container-dark{background-color:var(--grey-1)}.note-title{font-size:3rem;height:20%}.note-desc,.note-title{border:none;outline:none;padding:10px;width:auto}.note-desc{font-size:2.5rem;height:80%}.textEditor-footer{height:20%;padding:10px}.icons{color:var(--secondary-bg-color);cursor:pointer;font-size:2rem;margin:10px}.icons:hover{opacity:.4}.pin-icon{color:var(--secondary-bg-color);cursor:pointer;font-size:2.5rem;position:absolute;right:5px;top:5px}.colorpalette-icon{position:relative}.labelInput{cursor:pointer;font-size:2rem}.toast__container{background-color:red;border-radius:5px;padding:5px;position:fixed;right:10px;text-align:center;top:10px;width:auto;z-index:2}.close-toast-success{cursor:pointer;padding:5px}.close-toast-success:hover{opacity:.4}.main-section-container{align-items:center}.main-section-container-dark{background-color:var(--dark-1);color:var(--white)}.note-label{background-color:var(--grey);border-radius:50px;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.homepage-container-dark{background-color:var(--dark-1)}.title-dark{color:var(--secondary-bg-color)}html{font-size:62.5%}.hero-img{height:70rem;width:70rem}.hero-text-section{font-size:3rem;width:50%}.hero-section-dark{background-color:var(--dark-1);color:var(--white)}.hero-text-primary{color:var(--secondary-bg-color);font-size:4rem;font-weight:bolder}.btn-primary{background-color:var(--secondary-bg-color)}.btn-primary:hover{background-color:var(--primary-bg-color);border:1px solid var(--secondary-bg-color);color:var(--secondary-bg-color)}@media only screen and (max-width:600px){html{font-size:50%}.hero-section{flex-direction:column;width:auto}.hero-text-section{padding:20px;width:100%}}.page-container{background-color:var(--white);height:100vh;margin:0;width:100vw}.page-container-dark{background-color:var(--dark-1);height:100vh;margin:0;width:100vw}.forgot-pw-text{color:var(--info-color);margin:1rem;text-align:right}::-webkit-input-placeholder{color:var(--light-grey)}:-ms-input-placeholder{color:var(--light-grey)}::placeholder{color:var(--light-grey)}.form-container{margin:auto}.form-container-dark{background-color:var(--grey-1);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;flex-wrap:wrap;margin:auto;padding:1rem;width:50rem}::-webkit-input-placeholder{color:(--grey)}:-ms-input-placeholder{color:(--grey)}::placeholder{color:(--grey)}.form-container{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;flex-wrap:wrap;margin:2rem auto;padding:1rem;width:50rem}.terms-condt-checkbox{font-size:1.5rem;font-weight:900;margin:1rem}.text-link{color:var(--primary-text-color);cursor:pointer;font-size:2rem;font-weight:900;text-align:center;text-decoration:none}::-webkit-input-placeholder{color:var(--grey)}:-ms-input-placeholder{color:var(--grey)}::placeholder{color:var(--grey)}
/*# sourceMappingURL=main.8ea428a7.css.map*/