:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mainNav{display:flex;justify-content:end;margin:0 auto;width:100%}.mainNav li{list-style:none;padding:10px}.mainNav li:hover{background-color:gray}.mainNav li a{color:#fff;text-decoration:none}h1{font-size:1.1em;margin-left:5px}h2{text-align:center}header nav{display:flex;justify-content:space-between;align-items:center;background-color:#6e246e}.logoContainer{display:flex}.logoContainer img{width:50px}.noteSpacingContainer{display:flex;justify-content:center}.newNoteContainer,.modalContent{margin-top:100px;height:250px;padding:15px;display:flex;flex-direction:column;gap:5px;background-color:#d3d3d3;width:60%}.newNoteContainer input::placeholder{font-size:1.2em}#content,#editContent{min-height:60%}.tags label{color:purple;font-size:.9em}#saveNote{width:100px}.saveButtonContainer{padding:5px;display:flex;justify-content:center;align-items:center;min-height:40px}#editModal{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:999}.modalContent{transform:scale(.9);transition:transform .25s ease}#editModal.show .modalContent{transform:scale(1)}#editModal.show{opacity:1;pointer-events:auto}#notesList{display:flex;flex-wrap:wrap;gap:10px}.noteCard{display:flex;flex-direction:column;padding:15px;background-color:#666;max-width:200px}.noteHeader{display:flex;justify-content:space-between}.deleteBtn{width:25px;height:25px}@media screen and (min-width:780px){.newNoteContainer,.modalContent{width:45%;height:300px}.noteCard{min-width:300px}}