.nav{color:#fff;grid-area:sidebar;position:relative}.nav_notes_add{list-style:none;padding:5px;margin-bottom:5px;background-color:#838383;border-bottom:2px outset hsla(0,0%,51.4%,.335)}.nav_notes_add:hover{background-color:#406883}.nav_notes_add>a{text-decoration:none;color:#fff}.sidebarpage__foldername{color:#b5b3b3;font-family:var(--custom-font);height:50vh;margin:0 0 0 auto;-webkit-text-orientation:upright;text-orientation:upright;width:75px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;padding:15px}.sidebarpage_back{margin:0 15px;width:65%}.header{text-align:center;background-color:rgba(61,141,195,.856);color:#fff}h1>a{text-decoration:none;color:#fff}.note_name a{text-decoration:none;color:#383838}.note_name a:hover{color:#9091d4}button{padding:5px;margin-bottom:15px;border-radius:5px;background-color:rgba(128,130,131,.842);color:#fff}.Note__delete:hover{background-color:red}.error_boundary{color:red;font-weight:700;margin:40px}.note_add,ul>li{list-style:none}.note_add{padding:5px;margin:25px;background-color:#838383;border-bottom:2px outset hsla(0,0%,51.4%,.335);width:150px;border-radius:5px;text-align:center}.note_add:hover{background-color:rgba(30,165,243,.945)}.note_add>a{text-decoration:none;color:#fff}.note_item{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s;width:60%;padding:10px;margin-bottom:10px;background-color:rgba(216,238,245,.69);border-radius:1%}.main_note{padding:15px;width:65%}.error{margin-bottom:25px;color:red;margin-left:25px}.add__folder{text-align:center;display:flex;justify-content:center;flex-direction:column}.add__notes_form{display:flex;flex-direction:column;justify-content:center;line-height:2rem;margin-left:auto;margin-right:auto;width:500px}.folder_selection{margin-top:5px;margin-bottom:20px;width:240px}form input[type=text]{padding:5px;margin-bottom:10px}button{padding:10px}button:hover{background-color:rgba(30,165,243,.945)}button[type=reset]{margin-right:20px;width:80px}button[type=submit]{width:80px}.App{display:grid;width:100%;height:550px;grid-template-areas:"head head" "nav  main";grid-template-rows:80px 1fr 30px;grid-template-columns:150px 1fr}.App>header{grid-area:head}.App>nav{grid-area:nav;height:100%;background-color:hsla(0,0%,77.3%,.8);overflow:auto}.App>main{grid-area:main}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e7b39223.chunk.css.map */