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;transition:background-color .6s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.dark-mode{background-color:#000}.dark-mode h1{color:#fff}.container{margin-left:auto;margin-right:auto;max-width:960px;min-height:100vh;padding-left:15px;padding-right:15px}.notes-list{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note{border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:1rem;white-space:pre-wrap}.note,.note textarea{background-color:#679ff8}.note textarea{border:none;border-radius:5px;flex-grow:1;font-size:1rem;margin-bottom:10px;padding:.5rem;resize:none;width:calc(100% - 20px)}.note-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.delete-icon{cursor:pointer}.search{align-items:center;border-radius:10px;display:flex;margin:15px;padding:5px}.search,.search input{background-color:#e9e9e9}.search input{border:none;width:100%}.search input:focus{outline:none}.save:hover{background-color:#ededed}.button{border:1px solid #0000;border-radius:40px;height:40px;margin-left:1400px;margin-top:20px;width:100px}.notes-list textarea::placeholder{color:#000}.note textarea:focus{outline:none}.footer-button{display:flex;flex-direction:row}.toggle{background-color:#3579e6;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:20px;width:20%}.toggle,.toggle:hover{transition:all .6s ease}.toggle:hover{background-color:#0056b3}.main1{background-color:#3579e6;height:100vh;padding:140px 0;width:100vw}.login-box{background-color:#fff;border:1px solid #ccc;border-radius:40px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:400px;margin:0 auto;padding:20px 30px;width:400px}.login-text{font-size:35px;margin-bottom:20px;text-align:center}.login-input{border:none;border-radius:15px;display:block;height:30px;margin-bottom:10px;padding:8px;width:90%}.login-button{background-color:#3579e6;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:20px;margin:10px auto;padding:10px;width:70%}.login-button:hover{background-color:#0056b3}.sign-button{background-color:initial;border:none;border-radius:5px;color:#000;cursor:pointer;display:block;margin-top:10px;padding:10px;width:95%}body{overflow-y:hidden}.main{background-color:#3579e6;height:100vh;padding:140px 0;width:100vw}.signup-box{background-color:#fff;border:1px solid #ccc;border-radius:40px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:400px;margin:0 auto;padding:20px 30px;width:400px}.signup-text{font-size:35px;margin-bottom:20px;text-align:center}.signup-input{border:none;border-radius:15px;display:block;height:30px;margin-bottom:10px;padding:8px;width:90%}.signup-button{background-color:#3579e6;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:20px;margin:10px auto;padding:10px;width:70%}.signup-button:hover{background-color:#0056b3}.password-toggle{margin-top:5px}.back-to-login{color:#000;cursor:pointer;text-align:center}.back-to-login:hover{text-decoration:underline}.image-container{align-items:center;display:flex;gap:50px;height:100vh;justify-content:center;width:100vw}.text-container{width:50%}h1,h2,p{margin:0}h1{font-size:25px}.button-container{display:flex;margin-top:20px}button{border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-right:20px;padding:10px 20px}.logoimg{width:40%}.notesphere{margin-left:-8px;margin-top:-190px;width:600px}.login{background-color:#3579e6;border:1px solid #3579e6;border-radius:50px;color:#fff;font-weight:600}.login,.signup{font-size:20px;width:125px}.signup{background-color:initial;border:1px solid #000;border-radius:50px;color:#000;font-weight:550}
/*# sourceMappingURL=main.815d6f3d.css.map*/