@import url(https://fonts.googleapis.com/css?family=Handlee&display=swaps);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}*{box-sizing:border-box;margin:0;padding:0}body,input,select,textarea{background-color:#fff;color:#222;font-family:"Handlee",cursive;font-size:18px;line-height:1.6;text-align:left}@media screen and (-webkit-min-device-pixel-ratio:0){select{height:40px;line-height:40px}}select::-moz-focus-inner{border:0;padding:0}@-moz-document url-prefix(){select{padding:0!important}}@media screen\0 {select{height:40px;line-height:40px}}a:link,a:visited{color:#004c82;text-decoration:underline;font-weight:400}a:focus,a:hover{color:#0274be;text-decoration:underline}header{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;background-color:#004c82;padding:20px}header *,header h1{color:#fff}header h1{font-size:42px;line-height:1}header a:link,header a:visited{text-decoration:underline;color:#fff}header a:focus,header a:hover{text-decoration:underline}h2,h3,h4,h5,h6{margin-top:0;margin-bottom:8px}p{margin:20px 0}h1{color:#222;font-size:48px}h1,h2{font-weight:400}h2{color:#004c82;font-size:30px;margin-left:10px}h3{color:#444;font-size:24px;font-weight:400}b,strong{font-weight:bolder}small{font-size:80%}form{font-family:"Handlee",cursive;font-size:18px}input,select,textarea{margin:2px 0 16px}input[type=text],select,textarea{color:#666;width:80%;height:32px;border:1px solid #ddd;padding:6px}textarea{overflow-y:scroll;min-height:30vh}fieldset{border:none;margin-bottom:8px}legend{font-size:24px;margin-bottom:0}label{display:block;margin:0}.btn-add{color:#fff;background-color:#005999;border:1px solid #064;box-shadow:inset 0 1px 0 #064;font-weight:700;font-size:24px;text-align:center;border-radius:50%;height:40px;width:40px;cursor:pointer}.btn-add:focus,.btn-add:hover{background-color:#064}.btn-edit{color:#fff;background-color:#005999;border:1px solid #064;box-shadow:inset 0 1px 0 #064;font-weight:700;font-size:24px;text-align:center;border-radius:50%;height:40px;width:40px;cursor:pointer}.btn-edit:focus,.btn-edit:hover{background-color:#064}.btn-delete{color:#fff;background-color:#ff0095;border:1px solid #c07;font-weight:700;font-size:24px;text-align:center;border-radius:50%;height:40px;width:40px;cursor:pointer}.btn-delete:focus,.btn-delete:hover{background-color:#a3005f}.btn-delete-folder{background:#ff0095;color:#fff;border:2px solid #c07;font-weight:700;font-size:14px;padding:5px 10px;cursor:pointer}.btn-delete-folder:focus,.btn-delete-folder:hover{background-color:#a3005f}.btn-cancel{background:#58585a;color:#fff;border:2px solid #000;font-weight:700;font-size:14px;padding:5px 10px;cursor:pointer}.btn-cancel:focus,.btn-cancel:hover{background-color:#363637}.btn-save{background:#005999;color:#fff;border:2px solid #064;font-weight:700;font-size:14px;padding:5px 10px;cursor:pointer}.btn-save:focus,.btn-save:hover{background-color:#064}.btn-save:disabled,.btn-save[disabled]{border:1px solid #999;background-color:#ccc;color:#666}.btn-delete-note{background:#ff0095;color:#fff;border:2px solid #c07;font-weight:700;font-size:16px;padding:5px 10px;cursor:pointer}.btn-delete-note:focus,.btn-delete-note:hover{background-color:#a3005f}.btn-edit-note{background:#005999;color:#fff;border:2px solid #064;font-weight:700;font-size:14px;padding:5px 10px;cursor:pointer}.btn-edit-note:focus,.btn-edit-note:hover{background-color:#064}section ul{list-style:none}section li{padding:10px 10px 0;border-bottom:1px solid #aaa;cursor:pointer}.aside ul{list-style:none;margin:20px 0 0}.aside li a:link{display:block;border-bottom:1px solid #aaa;cursor:pointer;text-decoration:none;padding:10px 10px 0 20px}.aside li:hover{background-color:#ff0}.aside .active{background-color:#fff}main{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:678px){main,nav{-webkit-flex-direction:column;flex-direction:column}}.aside{-webkit-flex:1 1;flex:1 1;background-color:#ddf1ff}.aside,article{padding-top:20px}article{-webkit-flex:4 1;flex:4 1;margin-bottom:20px;padding-left:20px;min-height:80vh}section{margin:0 20px 20px 0;padding:10px;border:1px solid #aaa}footer{background-color:#fff;border-top:1px solid #ccc;padding:20px;text-align:center}.aside>header{background-color:#ddf1ff}.aside>header,article>header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-align-items:baseline;align-items:baseline}article>header{background-color:#fff}.button-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.note{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.error{color:#b30000}header a:focus{outline:solid;outline-color:#fff}article{position:relative}.btn-position{position:absolute;top:137px;left:205px}
/*# sourceMappingURL=main.3374dca9.chunk.css.map */