.main[data-v-cb840640]{background-color:#cff7ba;min-width:100vw;min-height:100vh;max-height:100%}.nav-bar[data-v-cb840640]{width:100vw;background-color:#52a329;color:#f0f8ff;position:sticky}.nav-container[data-v-cb840640]{display:flex;justify-content:space-between;align-items:center;height:65px;width:80vw;margin:0 auto}.app-title[data-v-cb840640]{font-size:2em;padding:0}.spacer[data-v-cb840640]{flex:1}.nav-lg[data-v-cb840640]{display:flex;align-items:center;height:100%}.router-link[data-v-cb840640]{display:flex;align-items:center;text-decoration:none;color:#f0f8ff;text-align:center;font-size:1.25em;padding:0 .5em;height:100%;z-index:1}.router-link[data-v-cb840640]:hover{background-color:#27570f;cursor:pointer}.router-view[data-v-cb840640]{width:80vw;margin:0 auto;padding-top:1rem}.hamburger-menu[data-v-cb840640]{display:none;visibility:hidden;position:relative;text-decoration:none;color:#fff;font-size:1.5em;cursor:pointer}.hamburger-menu-content[data-v-cb840640]{transition:.3s;min-width:100%;box-shadow:0 8px 16px #0003;background-color:#fff}.nav-mobile:hover .hamburger-menu-content[data-v-cb840640]{display:block;color:red}@media (max-width:768px){.nav-lg[data-v-cb840640]{display:none;visibility:hidden}.hamburger-menu[data-v-cb840640]{display:block;visibility:visible}.router-link[data-v-cb840640]{color:#000}.router-link[data-v-cb840640]:hover{background-color:#52a329;color:#f0f8ff}}.new-note-wrapper[data-v-8e8a9848]{width:100%;padding:1em;background-color:#52a329;border-radius:.3em}.new-note-input[data-v-8e8a9848]{width:100%;border-radius:.3em;margin-bottom:1em}.button-wrapper[data-v-8e8a9848]{width:100%;text-align:right}.add-note[data-v-8e8a9848]{border:none;font-size:1rem;outline:none;background-color:#3d7a1f;color:#fff;padding:.75em 1em;border-radius:.3em}.add-note[data-v-8e8a9848]:hover{background-color:#8c6}.single-note[data-v-50c6a632]{background-color:#fff;border-radius:.3em;margin:1em 0;width:100%}.note-content[data-v-50c6a632]{padding:1.5em 2em;display:flex;gap:1em;flex-direction:column;justify-content:space-between;border-bottom:1px solid hsl(100,0%,70%)}.note-text[data-v-50c6a632]{font-size:1.1em;line-height:1.75em;color:#000}.note-characters[data-v-50c6a632]{text-align:right;color:#999}.action-btns[data-v-50c6a632]{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.action-btn[data-v-50c6a632]{background-color:transparent;border:none;padding:1rem;font-size:.9rem;font-weight:700;color:#0af;cursor:pointer}.action-btn[data-v-50c6a632]:last-child{border-left:1px solid hsl(100,0%,70%)}.action-btn[data-v-50c6a632]:last-child,.action-btn[data-v-50c6a632]:first-child{transition:.3s}.action-btn[data-v-50c6a632]:first-child:hover{background-color:#47b4eb;color:#fff}.action-btn[data-v-50c6a632]:last-child:hover{background-color:#eb4747;color:#fff}.edit-note-wrapper[data-v-fca995ed]{width:100%;padding:1em;background-color:#297aa3;border-radius:.3em}.edit-note-input[data-v-fca995ed]{width:100%;border-radius:.3em;margin-bottom:1em}.button-wrapper[data-v-fca995ed]{width:100%;text-align:right}.btn[data-v-fca995ed]{border:none;font-size:1rem;outline:none;color:#fff;padding:.75em 1em;border-radius:.3em;transition:.3s}.update-note[data-v-fca995ed]{background-color:#1f5c7a}.update-note[data-v-fca995ed]:hover{background-color:#6ac}.cancel-edit[data-v-fca995ed]{background-color:#7a1f1f;margin-left:1em}.cancel-edit[data-v-fca995ed]:hover{background-color:#c66}.modal-overlay[data-v-5f9d7acd]{height:100vh;width:100vw;position:fixed;overflow:hidden;background-color:#00000080;left:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center}.modal-container[data-v-5f9d7acd]{background-color:#fff;width:50%;border-radius:.3rem}.modal-title[data-v-5f9d7acd]{padding:1rem 2rem;background-color:#52a329;color:#fff;font-size:1.25rem;border-radius:.3rem .3rem 0 0}.modal-content[data-v-5f9d7acd]{padding:3rem 2rem;color:#000}.modal-cta[data-v-5f9d7acd]{display:grid;grid-template-columns:1fr 1fr}.btn[data-v-5f9d7acd]{background-color:transparent;border:none;padding:1rem;font-size:.9rem;font-weight:700;color:#0af;cursor:pointer;outline:none}.confirm[data-v-5f9d7acd]{background-color:#bf4040;color:#fff;border-bottom-right-radius:.3rem}.cancel[data-v-5f9d7acd]{background-color:#fff;border-bottom-left-radius:.3rem}.notes[data-v-b971e26e]{margin-top:2em}.container[data-v-305a653c]{display:flex;flex-direction:column;justify-content:space-between;height:80vh}.grid[data-v-305a653c]{background-color:#fff;display:grid;padding:1em 2em;border-radius:.3em;grid-template-columns:4fr 1fr;justify-content:right;gap:1rem}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;font-weight:400;color:#000}
