@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);*{font-weight:300}.login-page{background:var(--login-page-bg);min-height:100vh}.login-page,.main-text{width:100%;display:flex;flex-direction:column}.main-text{justify-content:center;background:linear-gradient(135.51deg,#466cf2 1.29%,#a170f2 99.47%)}.title{display:flex;align-items:center}.title .logo{width:4em;padding:1em}.title h1{font-size:2em;color:#fff}.slogan{padding:0 0 0 2em;color:#fff}.slogan h3{font-size:1em}.login-container{padding:2em 0;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width:850px){.login-page{display:flex;flex-direction:row}.main-text{width:40%}.title{margin:0 0 3em}.title .logo{width:25%;padding:2em}.title h1{font-size:3em;color:#fff}.slogan{padding:2em;font-size:1.4em}.login-container{width:60%}}.login-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.login-form input{border-radius:10px;border:1px solid #555;font-size:1.2em;width:60%;margin:1.7em 0 0;padding:15px 20px;background-color:var(--input-bg-color);color:var(--text-color)}.login-form span{align-self:start;margin:2em 0 0 15%}.login-form a{margin:0 0 0 15%;align-self:start;color:var(--text-color);text-decoration:none}.login-form a:hover{color:var(--text-color);text-decoration:underline}.login-form .btn-login{border:none;background:#c4a2fc;color:var(--text-color);transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.login-form .btn-login:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.login-form .login-error-message{padding:10px 0 0;margin:0;color:red}@media (max-width:850px){.form-container{min-width:300px;min-height:400px}}.signup-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135.51deg,#466cf2 1.29%,#a170f2 99.47%)}.signup-page header{margin:2em 0 4em;display:flex;align-items:center;justify-content:center;color:#fff}.signup-page header img{width:15%;padding:1em}.signup-page header h1{font-size:3em}@media (max-width:850px){.signup-page header img{width:4em;padding:1em}.signup-page header h1{font-size:2em}}.form-container{border-radius:2em;background-color:var(--general-bg-color);min-width:380px;min-height:400px;color:var(--text-color);padding:1%}.signup-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.signup-form input{border-radius:10px;border:1px solid #555;font-size:1.2em;width:60%;margin:1.3em 0 0;padding:15px 20px;background-color:var(--input-bg-color);color:var(--text-color)}.signup-form span{align-self:start;margin:2em 0 0 15%}.signup-form a{margin:0 0 0 15%;align-self:start;text-decoration:none}.signup-form a:hover{color:#000;text-decoration:underline}.signup-form .btn-signup{border:none;background:#c4a2fc;color:#000;transition:opacity .2s}.signup-form .btn-signup:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.signup-form .signup-error-message{padding:5px 0;margin:0;color:red}@media (max-width:850px){.form-container{min-width:300px;min-height:unset;padding:1em 0}.signup-form input{border-radius:5px;font-size:1.1em;width:60%;padding:6px 15px}}.notes-display>*{margin:0;padding:0}.notes-display{height:100%;display:flex;flex-direction:column;border:solid var(--accent-color);border-width:0 1px 0 0;color:var(--text-color)}.notes-display header{text-align:center;margin:10px 0}.notes-display .header-top{padding:25px 25px 0;display:flex;align-items:center;justify-content:center}.notes-display .header-top-small{padding:0!important;display:flex;align-items:center;justify-content:center}.notes-display .header-top img{width:50px;padding:10px}.notes-display .header-top h1{color:var(--accent-color);font-weight:400}.notes-display .header-top h2{text-transform:capitalize}.notes-display .header-bottom{display:flex;justify-content:space-between;padding:12px 10px 0}.notes-display .add-note{padding:5px 10px;display:flex;align-items:center;justify-content:space-between;border:solid var(--accent-color);border-width:1px 0}.notes-display .add-note p{font-size:.9em}.notes-display .add-note svg{transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.notes-display .add-note svg:hover{-webkit-filter:brightness(2.3);filter:brightness(2.3)}.notes-display .notes-container{box-shadow:inset 0 5px 7px 0 --shadow-color;padding:5px 10px;overflow-y:auto;z-index:1;border-radius:0 0 0 2em}@media (max-width:900px){.notes-display{border-width:0}}.no-decoration{text-decoration:none}.note{padding:5px 0 0;margin:10px 0;border-radius:10px;background:var(--note-bg);border:1px solid var(--accent-color)}.note:hover{cursor:pointer}.note-created,.note-description,.note .note-title{margin:5px 10px}.note .note-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note .buttons{display:flex}.note-complete,.note .buttons .note-delete{background:none;padding:5px 0 0;border:solid #370588;transition:background .1s}.note .buttons .note-delete{flex:1 1;border-radius:0 0 0 10px;border-width:1px 0 0}.note .buttons .note-delete:hover{background:#eb8b8b}.note .buttons .note-complete{flex:6 1;border-radius:0 0 10px 0;border-width:1px 0 0 1px}.note .buttons .note-complete:hover{background:#8befad}.note .buttons .note-completed:hover{background:#f0be63!important}.main-note>*{margin:0;padding:0}.main-note{color:var(--text-color)}.flex-column,.main-note{display:flex;flex-direction:column}.flex-column{justify-content:center;align-items:center}.main-note .main-note-header{margin:30px 10px 10px 30px;display:flex;justify-content:space-between}.main-note .main-note-header-small{margin:16px 20px 10px;display:grid;grid-template-areas:"back-button actions" "description description"}.main-note .main-note-header-small .actions-wrapper{grid-area:actions;justify-self:center;align-items:center;width:100%;display:flex;justify-content:flex-end}.main-note .main-note-header-small .actions-wrapper>*{margin:0 0 0 10px}.main-note .main-note-header-small .text-wrapper{grid-area:description}.main-note .main-note-header-small .back-button{grid-area:back-button;margin:5px 0 0}.main-note .main-note-header h2{font-size:2em}.main-note .main-note-header span{font-size:.9em}.main-note .main-note-header .actions-wrapper{display:flex;align-items:center;justify-content:space-evenly;width:150px}.main-note .main-note-header .more-menu{transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.main-note .main-note-header .more-menu:hover{-webkit-filter:drop-shadow(2px 4px 6px var(--shadow-color));filter:drop-shadow(2px 4px 6px var(--shadow-color))}.main-note .main-note-header .save-btn{transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.main-note .main-note-header .save-btn:hover{-webkit-filter:drop-shadow(2px 4px 6px var(--shadow-color));filter:drop-shadow(2px 4px 6px var(--shadow-color))}.main-editor-wrapper{margin:0;overflow:auto;height:100%;display:flex;flex-direction:column;border-radius:0 0 2em 0}.main-editor-toolbar{border-radius:5px;margin-bottom:0}.main-editor-toolbar,.main-editor-toolbar *{background-color:var(--editor-toolbar-bg-color);border-color:var(--general-bg-color)}.main-editor{background-color:var(--editor-bg-color);padding:0 0 0 8px;margin:0;overflow:auto}.main-editor *{font-weight:unset}.create-note{text-align:center}.create-note h2{margin:0 0 15px}.create-note button{background-color:#dadada;border:none;border-radius:10px;width:120px;height:50px;text-align:center}@media (max-width:900px){.main-note{background-color:var(--general-bg-color);min-height:100vh}.main-editor-wrapper{border-radius:0}.main-editor{min-height:60vh}}.notes-page{width:100%;height:100vh;background:linear-gradient(155.86deg,#466cf2 1.29%,#a170f2 99.47%);display:flex;align-items:center;justify-content:center}.main-content{background-color:var(--general-bg-color);width:100%}.main-content-small{height:100%}.main-content-desktop{border-radius:2em;height:80%;display:grid;grid-template-columns:30% 70%;grid-template-rows:100%;width:80%}.light-theme{--general-bg-color:#fff;--login-page-bg:#e8ecfc;--editor-toolbar-bg-color:#fff;--editor-bg-color:#f5f5f5;--text-color:#000;--accent-color:#370588;--shadow-color:#ededed;--note-bg:#f0f7fd;--input-bg-color:#fff}.dark-theme{--general-bg-color:#313131;--login-page-bg:#545454;--editor-toolbar-bg-color:#4b4b4b;--editor-bg-color:#19161a;--text-color:#f5f5f5;--accent-color:#8d47ff;--shadow-color:#950597;--note-bg:#270f39;--input-bg-color:#101010}*{margin:0;padding:0;transition:background-color .5s}html{scroll-behavior:smooth}body{margin:0;padding:0;width:100%;min-height:100vh;font-weight:400;-webkit-font-smoothing:antialiased}body,button,input,textarea{font-family:"Poppins",sans-serif}.loading-gif{width:40px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px hsla(0,0%,85.5%,.3);background-color:#f5f5f5}::-webkit-scrollbar{width:6px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#bbb}
/*# sourceMappingURL=main.1b48ae97.chunk.css.map */