:root{--tea-green:#d0efb1;--granny-smith-apple:#b3d89c;--opal:#9dc3c2;--pewter-blue:#77a6b6;--queen-blue:#4d7298}body{background-color:#d0efb1;background-color:var(--tea-green);color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;min-height:calc(100vh - 2rem)}.app-title{-webkit-margin-before:0;-webkit-margin-after:.5em;align-items:center;border-bottom:1px solid #fff;display:flex;font-size:1.5rem;margin-block-end:.5em;margin-block-start:0;margin-left:-7px;margin-right:-7px;padding:.5rem .5rem .75rem}.app-title-icon{font-size:2rem;margin:5px .5rem}.note-search{display:flex;margin:0 1rem;min-height:2rem;min-width:200px}.note-search input{border:1px solid transparent;border-radius:5px;height:auto;padding:5px;width:100%}.note-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.note-form,.note-item{background-color:#b3d89c;background-color:var(--granny-smith-apple);border-radius:5px;padding:.75rem}.note-form{background-color:#9dc3c2;background-color:var(--opal);border-radius:5px;padding:.75rem}.note-item-title{font-weight:700}.note-item-text{word-wrap:break-word;max-width:100%;min-height:100px}.note-form textarea{min-height:90px;resize:none}.note-form input:focus,.note-form textarea:focus{outline:none}.note-form input,.note-form textarea{background-color:#9dc3c2;background-color:var(--opal);border:1px solid transparent;font-size:14px;width:calc(100% - 5px)}.note-form-footer,.note-item-footer{display:flex;flex-direction:row;font-size:16px;justify-content:flex-end}.app-navigation{display:flex;flex-direction:row;flex-wrap:wrap;min-height:calc(100vh - 100px)}.app-navigation-items{margin-left:-7px}.app-navigation-item{border-bottom-right-radius:30px;border-top-right-radius:30px;color:#000;display:block;font-weight:700;margin-bottom:5px;padding:1rem .75rem;text-decoration:none}.app-navigation-icon{font-size:large;margin-bottom:-3px}.app-navigation-item.selected{background:#77a6b6;background:var(--pewter-blue);color:#fff}.app-navigation-content{flex-basis:calc(100% - 140px);padding:0 .5rem 0 1rem}
/*# sourceMappingURL=main.acba44fb.css.map*/