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}*{box-sizing:border-box;margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-page{margin:0 auto;max-width:1200px;padding:40px 20px}.hero{margin-bottom:60px;text-align:center}.hero h1{color:#333;font-size:48px;margin-bottom:20px}.hero p{color:#555;font-size:20px}.features{display:flex;flex-wrap:wrap;justify-content:space-between}.feature{background-color:#fff;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.1);flex:1 1;margin:20px;padding:30px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.feature:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.feature h2{color:#333;font-size:28px;margin-bottom:12px}.feature p{color:#555;font-size:18px}@media (max-width:768px){.hero h1{font-size:36px}.hero p{font-size:18px}.feature{flex-basis:calc(50% - 40px);margin:20px 0}}@media (max-width:480px){.hero h1{font-size:28px}.hero p{font-size:16px}.feature{flex-basis:100%;margin:20px 0}}.login-container{align-items:center;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);display:flex;height:100vh;justify-content:center}.login-form{background-color:#d9afd9;background-color:#dad0d0;background-image:linear-gradient(0deg,#d9afd9,#97d9e1);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.2);max-width:400px;padding:40px;width:100%}.login-form h2{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.input-group label{color:#292828;font-weight:500}.input-group input{border:1px solid #ccc;border-radius:4px;color:#222121;font-size:16px;padding:12px;width:100%}.delete-button,.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:15px;padding:12px 20px;transition:background-color .3s ease;width:100%}.delete-button:hover,.login-button:hover{background-color:#0056b3}.password-input{align-items:center;display:flex;position:relative}.toggle-password{background:none;border:none;font-size:14px;margin:0;outline:none;padding:0;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.signup-link,.toggle-password{color:#007bff;cursor:pointer}@media (max-width:768px){.login-form{padding:20px}.login-form h2{font-size:24px}.input-group input,.input-group label,.login-button{font-size:14px}.login-button{padding:10px 16px}}@media (max-width:480px){.login-form{max-width:320px;padding:16px}.login-form h2{font-size:20px}.input-group input,.input-group label,.login-button{font-size:12px}.login-button{padding:8px 14px}}.notes-container{align-items:center;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);display:flex;flex-direction:column;min-height:100vh;padding:40px}.notes-form{background-color:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.2);max-width:400px;padding:20px;width:100%}.notes-form h2{color:#333;font-size:28px;text-align:center}.input-group,.notes-form h2{margin-bottom:20px}.input-group label{color:#555;display:block;font-size:16px;margin-bottom:8px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:4px;color:#222121;font-size:16px;padding:12px;width:100%}.notes-list{margin-top:40px}.note{background-color:#fff;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.note h3{color:#333;font-size:24px;margin-bottom:8px}.note p{color:#555;font-size:16px;margin-bottom:12px}.timestamp{color:#888;font-size:12px}.no-notes-container{min-height:100vh;padding:20px}.no-notes-content{background-color:#fff;border-radius:10px;padding:20px;text-align:center}.create-note-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:18px;padding:12px 20px;transition:background-color .3s ease}.no-notes-content h2{font-weight:600}.navbar{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);color:#fff;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{color:#fff;font-size:24px;text-decoration:none}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-item{margin-left:20px}.navbar-link{color:#fff;font-size:16px;text-decoration:none}.navbar-link:hover{text-decoration:underline}.navbar-in-mobile-mode{display:none}@media (max-width:768px){.navbar-links{display:none}.navbar-in-mobile-mode{display:block}}
/*# sourceMappingURL=main.7709bcd6.css.map*/