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}.App{background-color:#282c34;font-size:1.2rem;color:#fff;min-height:100vh;display:grid}*{box-sizing:border-box}.button{display:block;width:100%;font-size:1.2rem;border:none;padding:.1rem;border-radius:.2rem;cursor:pointer}.button:hover{background-color:#bebebe;transition:background-color .5s ease-in-out}.button:active{outline:none;transform:scale(.95)}.input{display:block;width:100%;font-size:1.2rem;padding:.1rem}.input:focus{outline:none}.login-page{display:grid;grid-template-rows:.5fr 1fr;justify-items:center;align-items:center;grid-gap:1rem;gap:1rem}.login{display:grid;width:300px;background-color:grey;text-align:center;padding:1rem;align-self:start}.login-buttons{margin-top:1rem}.quote{color:#fff;font-size:1.2rem;text-align:center;padding:.5rem;align-self:end}.icon-button{padding:.5rem;cursor:pointer;border-radius:.5rem;border:none}.icon-button:focus{outline:none}.icon-button:hover{background-color:#e0ffff;transition:.5s ease-in-out}.icon-button:active{transform:scale(.95);transition:.1s ease-in-out}.footer{grid-row:3;grid-column:1/span 2;padding:.5rem;border-top:1px solid rgba(64,64,64,.5)}@media only screen and (max-width:600px){.footer{grid-row:4;grid-column:1}}.left-bar{grid-row:2;grid-column:1;background-color:grey;padding:.5rem}@media only screen and (max-width:600px){.left-bar{height:250px;overflow-y:scroll}}.note-item{cursor:pointer;padding:.5rem;background-color:#282c34;margin:.25rem 0;display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:.5rem;gap:.5rem;align-items:center}.note-item:hover{background-color:#008b8b;transition:.5s ease-in-out}.note-item:active{transform:scale(.95)}.note-item.active-note{background-color:#008b8b}.note-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-mask{z-index:10;background-color:rgba(27,26,26,.8);position:fixed;display:grid;top:0;left:0;width:100%;height:100%}.modal-wrapper{align-self:center;justify-self:center;padding:.5rem}.modal{background-color:grey}.modal-header{display:grid;grid-template-columns:1fr auto;grid-gap:.5rem;gap:.5rem;align-items:center;border-bottom:2px solid #fff;padding:.5rem}.modal-body{padding:.5rem}.icon-delete{cursor:pointer}.add-note-modal{display:grid;grid-auto-flow:row}.add-note-modal-buttons{margin-top:1rem;display:flex;grid-gap:.5rem;gap:.5rem}.edit-note-modal{display:grid;grid-auto-flow:row}.edit-note-modal-buttons{margin-top:1rem;display:flex;grid-gap:.5rem;gap:.5rem}.textarea{width:100%;height:100%;resize:none;background-color:#282c34;color:#fff;font-family:inherit;font-size:1.2rem;padding:.5rem}.note-content{grid-row:2;grid-column:2;padding:0 1rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}@media only screen and (max-width:600px){.note-content{grid-row:3;grid-column:1}}
/*# sourceMappingURL=main.75ed41df.chunk.css.map */