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}.Button{background-color:#00008b;color:#fff;display:inline-block;line-height:40px;padding:8px 16px;font-size:16px}.Button__add-folder{border:1px dashed #a9a9a9;color:#a9a9a9;background-color:transparent}.Button__add-folder.light{border:1px dashed #d3d3d3;color:#fff;background-color:transparent}.Button__Cancel{background-color:violet}.Button:disabled,.Button[disabled]{opacity:.5}.FolderList__li__nav-link{padding:16px 22px;font-size:22px;display:block}.FolderList__li__nav-link svg{margin-right:8px}.FolderList__li__nav-link.active{background-color:#505050;color:#ff0}.FolderList__button-wrap{display:flex;flex-direction:column}.FolderList__button-wrap li{margin-bottom:8px}.FolderList__Btn{margin-top:16px}@media screen and (max-width:600px){.FolderList__li{display:inline;margin-right:16px}.FolderList__button-wrap{display:flex;flex-direction:row;justify-content:center}.FolderList__button-wrap a{margin-right:8px}}.SideNav{padding:16px;background-color:#d3d3d3;min-height:100vh}@media screen and (max-width:600px){.SideNav{min-height:auto}}.NoteList{text-align:left;padding:22px;font-size:18px}.NoteList li{margin-bottom:8px}.NoteList__button{background-color:transparent;color:#00008b}.NoteShow{padding:16px}.Header{background-color:#ff0;height:100%;display:grid;grid-template-rows:1fr;grid-template-columns:2fr 1fr;grid-template-areas:"title addNoteFab"}.Header>h1{grid-area:title}.addNoteFab{grid-area:addNoteFab;height:40px;display:flex;justify-content:center;align-self:center;color:#fff!important;font-weight:700;margin:0 16px}@media screen and (max-width:600px){.Header{grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-template-areas:"title" "addNoteFab"}}.AddFolder__btn-wrap{margin-top:20px}.AddFolder__btn-wrap *{margin-right:16px}.App{text-align:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:80px 1fr;grid-template-areas:"header header header " "sidenav main main";height:100vh;box-sizing:border-box}.App>nav{grid-area:sidenav}.App>header{grid-area:header}.App>main{grid-area:main;overflow:scroll;padding:40px}.App form{text-align:left;background-color:#505050;padding:16px;color:#fff}.App form input{line-height:40px;padding:0 16px}.App form label{display:block;margin-bottom:8px}.App>.addNoteFab{grid-area:addNoteFab}.App li{list-style:none}.App ul{padding-left:0}.App a{text-decoration:none;color:#505050}.App button{border:none}.ErrorBoundary{background-color:rgba(0,0,0,.8);background-color:#ff69b4;color:#fff;padding:16px;font-size:18px}@media screen and (max-width:600px){.App{grid-template-rows:160px auto auto;grid-template-columns:1fr 1fr;grid-template-areas:"header header" "sidenav sidenav" "main main";height:auto}.App>main{overflow:visible}}
/*# sourceMappingURL=main.bf6be5b1.chunk.css.map */