@import url(https://fonts.googleapis.com/css?family=Quicksand:400);.note-card[data-v-e5051fca]{width:100%;height:100%;min-height:100px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:200px}.note-card .icon[data-v-e5051fca]{color:#444}.note-card .icon.icon-pinned[data-v-e5051fca]{color:#fae48e}.note-card .icon[data-v-e5051fca]:hover{opacity:.6}.note-card .content[data-v-e5051fca]{background-color:hsla(0,0%,100%,0);position:relative;padding:8px;z-index:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;max-height:200px}.note-card .title[data-v-e5051fca]{font-weight:700;font-size:1.2em;margin-bottom:4px}.note-card .note[data-v-e5051fca]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.note-card .options[data-v-e5051fca]{width:100%;text-align:right}.note-card .options span.icon[data-v-e5051fca]{cursor:pointer}.note-card .field[data-v-e5051fca]{margin:0}.note-card .field textarea[data-v-e5051fca]{padding:4px;max-height:70px;-webkit-box-flex:1;-ms-flex:1;flex:1}.note-card .field input[data-v-e5051fca]{padding:4px}.list-notes-container[data-v-74860b74]{width:100%;padding:24px}.list-notes-container .notes-grid[data-v-74860b74]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:1fr;grid-gap:10px}.list-notes-container .notes-grid[data-v-74860b74]:not(:last-child){margin-bottom:32px}.list-notes-container .notes-none[data-v-74860b74]{font-size:2em}.create-note-container button.add-note{border:1px solid #aaa;color:#aaa;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-note-container button.add-note:hover{border:1px solid #444;color:#444}.create-note-container .create-note-form{border:1px solid #eee;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;height:220px;z-index:10;background:#fff;width:450px;padding:16px}#app{font-family:Quicksand,sans-serif}#app .app-header{background:#fafafa;position:fixed;z-index:1000;top:0;width:100%}#app .app-header .content{height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .app-header .content h1{font-family:Quicksand,sans-serif;font-size:32px;margin:0;margin-left:20px;color:#444}#app .app-header .content .right{margin-right:20px}#app .app-header .content-border{border-bottom:1px solid #444;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;width:100%}#app .app-body{margin-top:70px;text-align:center}