*{box-sizing:border-box}body{margin:0;padding:0;font-family:Karla,sans-serif}button:focus{outline:none}.ql-editor p,.ql-editor.ql-blank:before{font-size:1.3em;font-weight:100}.pane{overflow-y:auto}.sidebar{width:20%;height:85vh}.sidebar--header{display:flex;justify-content:space-around;align-items:center}.sidebar--header>h3{font-size:1.75rem}.new-note{cursor:pointer;background-color:#21ba9b;border:none;color:#fff;border-radius:3px;height:30px;width:30px}.first-note{cursor:pointer;background-color:#21ba9b;border:none;color:#fff;border-radius:3px;padding:1rem}.editor{width:80%;height:85vh}.title{overflow:hidden;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.title--delete{display:none;cursor:pointer;background-color:transparent;border:none}.title:hover .title--delete{display:block}.note-summary:not(:last-of-type){border-bottom:1px solid lightgray}.text-snippet{padding-inline:5px;font-size:.8rem;font-weight:400;line-height:1.2rem;color:#4a4e74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-note{background-color:#21ba9b}.selected-note .text-snippet{color:#fff;font-weight:700}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.gutter.gutter-horizontal:hover{cursor:col-resize}.split{display:flex}.no-notes{width:100%;height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5}nav{background:#050816;height:110px;display:flex;align-items:center}.logo{height:25px;padding-left:65px}.github-logo-container{margin-left:auto;margin-right:65px}@media (max-width: 640px){.logo{padding-left:30px}}.delete-btn{margin-right:10px;background:none;border:none;cursor:pointer}.trash-icon{color:#fff;font-size:15px;margin-bottom:-2px}.trash-icon:hover{color:#060816}