@import url(https://fonts.googleapis.com/css2?family=Caprasimo&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container,body,html{-ms-overflow-style:none;scrollbar-width:none}.app-container::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{background-color:#131313;margin:16px}.app-container,body{font-family:Montserrat,sans-serif}.app-container{grid-template-columns:1fr;margin-top:12px}@media (min-width:600px){.app-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:200px 1fr}}.notes-grid{grid-gap:18px;display:grid;gap:18px;grid-auto-rows:minmax(250px auto);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note-item{background-color:#ffd35b;border:1px solid #2b2b2b;border-radius:8px;box-shadow:0 0 0 #b7b7b71a;cursor:pointer;display:flex;flex-direction:column;max-height:150px;padding:12px 20px}.notes-header{display:flex;justify-content:flex-end}.notes-header button{background:#0000;border:none;cursor:pointer;font-size:16px;max-width:-webkit-fit-content;max-width:fit-content}h2{margin:0}.note-form{display:flex;flex-direction:column;gap:14px}input,textarea{background-color:#343434;border:1px solid #343434;border-radius:6px;color:#fff;font-family:Montserrat,sans-serif;font-size:16px;padding:10px}textarea{resize:none}.note-form button{background-color:#00e536;border:none;border-radius:8px;color:#000;font-family:Montserrat,sans-serif;margin-bottom:10px;min-height:44px;padding:12px;transition:background-color .12s ease-in-out}.note-form button:hover{background-color:#7eff9c;color:#000;cursor:pointer}.edit-buttons{display:flex;gap:5px;justify-content:space-evenly}.edit-buttons button{flex:1 1}.edit-buttons button:last-of-type{background-color:red;color:#000}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{box-shadow:0 10px 30px #0000004d;min-width:260px;padding:20px}.editor-modal,.modal{background:#343434;border-radius:8px;color:#fff}.editor-modal{box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:10px;padding:18px;width:min(420px,95vw)}.editor-modal input,.editor-modal textarea{border-radius:6px;color:#fff;padding:8px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.delete-yes{background-color:#5dff83;border-radius:5px;border-width:0;font-family:Montserrat,sans-serif;padding:10px 15px;transition:background-color .1s ease-in-out}.delete-yes:hover{background-color:#21ff55;cursor:pointer}.delete-no{background-color:#ff6262;border-radius:5px;border-width:0;font-family:Montserrat,sans-serif;padding:10px 15px;transition:background-color .1s ease-in-out}.delete-no:hover{background-color:#ff3030;cursor:pointer}@media (max-width:600px){body{margin:12px}.app-container{display:block;margin-top:8px}.note-form{gap:12px}.notes-grid{gap:12px;grid-template-columns:1fr}.note-item{border-radius:6px;padding:10px}.editor-modal,.modal{margin:0 12px;width:calc(100% - 24px)}.modal-buttons{gap:8px}.delete-no,.delete-yes,.note-form button{min-height:44px;padding:10px 14px}}
/*# sourceMappingURL=main.fc274a27.css.map*/