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}.container{margin:1rem auto;max-width:960px;min-height:100vh;padding:15px}.header{justify-content:space-between}.header,.logo{align-items:center;display:flex}.logo{font-size:3rem}.text-logo{font-size:2rem}.toggle-icon{cursor:pointer;font-size:1.1rem;transition:all .3s}.toggle-icon:hover{transform:scale(1.2) rotate(-20deg)}.note-card{border:1px solid #5f6368;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;max-height:50vh;min-width:170px;padding:1rem;white-space:pre-wrap}.note-content{max-height:45vh;overflow:hidden;width:100%}h2{margin-bottom:-.2em;margin-top:-.2em}.note-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.2em}.footer-icon{cursor:pointer;font-size:1.3em}.icon:hover{transform:scale(1.3);transition:all .3s ease-in-out}.delete-icon{color:#d32f2f;margin-right:7px}.archive-icon{color:#546e7a}.note-list{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note-form{border:1px solid #5f6368;border-radius:8px;cursor:text;display:flex;flex-direction:column;justify-content:center;margin:1.2rem auto;max-width:700px;min-width:300px;padding:1rem}.save-icon{color:green;cursor:pointer}input,textarea{border:none;box-sizing:border-box;padding:.5em;width:100%}input:focus,textarea:focus{outline:none}textarea{margin-top:.3em;resize:none}input{font-size:1.1rem;font-weight:700}.empty-state{align-items:center;color:#555;display:flex;flex-direction:column;justify-content:center;margin-top:50px;text-align:center}.empty-image{margin-bottom:20px;max-width:200px;opacity:.8;width:100%}.empty-message{color:#777;font-size:18px;margin:0}.search{align-items:center;background-color:#e9e9e9;border-radius:10px;cursor:pointer;display:flex;margin-bottom:1.2rem;padding:.5em 1em}.search-icon{color:#546e7a;margin-right:5px}.search input{background-color:#e9e9e9;border:none;width:100%}.search input::placeholder{color:#546e7a}.search input:focus{outline:none}.highlight{color:#007bff;font-weight:700}
/*# sourceMappingURL=main.4c3afa2c.css.map*/