@import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css);*{box-sizing:border-box}:root{--primary:#4b7ccc;--secondary:red;--error:#fecf6d}.App,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:100%;height:100vh;overflow:hidden;font-size:16px;background:url(https://www.toptal.com/designers/subtlepatterns/patterns/lightpaperfibers.png)}button{margin:0;font-family:inherit;cursor:pointer;color:#fff;font-size:16px;padding:4px 5px;border-radius:12px;border:1px solid #333;box-shadow:0 5px 15px rgba(0,0,0,.02)}.addButton{margin:14px 0;height:30px;width:50px;background-color:#333}button:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}.App{display:-webkit-flex;display:flex}.app-sidebar{width:30%;height:100vh;border-right:1px solid #ddd}.app-sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:25px}.app-sidebar-header h1{margin:0;color:red;color:var(--secondary);font-size:25px;font-family:Roboto;background-color:#333;padding:12px 16px;border-radius:50%}.app-sidebar-notes{height:calc(100vh - 78px);overflow-y:scroll}.app-sidebar-note{padding:25px;cursor:pointer}.sidebar-note-title{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.side-note-title{color:#4b7ccc;color:var(--primary)}.delete-btn{color:#fff;background-color:red;background-color:var(--secondary);font-size:12px;padding:5px 6px;border-radius:12px}.delete-btn:hover{box-shadow:0 5px 15px rgba(107,153,228,.2549019607843137)}.app-sidebar-note p{margin:10px 0}.app-sidebar-note small{display:block;color:#999}.app-sidebar-note:hover{background:#ddd}.app-sidebar-note.active,.app-sidebar-note.active small{background:#333;color:#fff}.app-main{width:70%;height:100vh}.app-main-note-edit,.app-main-note-preview{height:50vh}.no-active-note{width:70%;height:100vh;line-height:100vh;text-align:center;font-size:2rem;color:#4b7ccc;color:var(--primary)}.app-main-note-edit{padding:25px}.app-main-note-edit input,textarea{display:block;border:1px solid #ddd;margin-bottom:20px;width:100%;height:calc(50vh - 130px);padding:10px;resize:none;box-shadow:0 5px 15px rgba(0,0,0,.1)}.app-main-note-edit input{height:50px;font-size:2rem;font-family:inherit;border:1px solid #000}.app-main-note-edit textarea{font-size:1.2rem;font-family:"Times New Roman",Times,serif}.app-main-note-preview{border-top:1px solid #ddd;overflow-y:scroll;background-color:#333}.preview-title{padding:25px 25px 12px;margin:0;background-color:#333;color:#4b7ccc;color:var(--primary);text-decoration:underline}.markdown-preview{padding:0 25px 25px;font-size:1rem;line-height:2rem;margin:2px 0;border:1px solid rgba(51,51,51,.534);background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.alert{background-color:#fecf6d;background-color:var(--error);font-weight:700}.forgotPaswd,.loginForm,.signUpform{margin:12vh auto;width:600px;max-width:50vw;padding:20px;box-shadow:1px 2px 4px #000}.forgotPaswd h2,.loginForm h2,.signUpform h2{font-size:20px}.forgotPaswd h5,.loginForm h4,.signUpform h4{font-size:16px}.right-bar{border-left:1px solid #b9b5b5;padding:25px}.saveNote button{background-color:#333;width:100%;position:relative;top:70vh;padding:8px;margin:0 auto;font-size:16px}.saveNote button:hover{background-color:#4b7ccc;background-color:var(--primary)}.logoutbtn Button{margin:2px auto;max-width:100px;width:80px;border-radius:60px;border:1px solid #333;background-color:#333;box-shadow:1px 1px 2px #000;font-size:14px;font-family:"Noto Serif";color:#fff}.logoutbtn Button:hover{color:#fff;background-color:#4b7ccc;background-color:var(--primary)}.forgotPaswd Button,.loginForm Button,.signUpform Button{font-size:16px}.letsNote-label{color:#4b7ccc;color:var(--primary)}.inputField,.profile{text-align:center}.profile{max-height:50px}.title h1,.user{margin:10px 0}.user{font-family:cursive}.user strong{font-size:19px;font-family:"Noto Serif";color:#4b7ccc;color:var(--primary)}@media screen and (max-width:638px){.logoutbtn Button{font-size:12px}.forgotPaswd,.loginForm,.signUpform{margin:8vh auto;width:700px;max-width:80vw;padding:20px;box-shadow:1px 2px 4px #000}.forgotPaswd h2,.loginForm h2,.signUpform h2{font-size:16px}.alert,.forgotPaswd Button,.forgotPaswd h5,.loginForm Button,.loginForm h4,.signUpform Button,.signUpform h4{font-size:12px}}@media screen and (max-width:360px){.alert{font-size:8px}.forgotPaswd,.loginForm,.signUpform{margin:8vh auto;width:700px;max-width:80vw;padding:20px;box-shadow:1px 2px 4px #000}.forgotPaswd h2,.loginForm h2,.signUpform h2{font-size:16px}.forgotPaswd h5,.loginForm h4,.signUpform h4{font-size:12px}.forgotPaswd Button,.loginForm Button,.signUpform Button{font-size:10px}.forgotPaswd Link,.loginForm Link,.signUpform Link{font-size:8px}}
/*# sourceMappingURL=main.73fb9436.chunk.css.map */