@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,300&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Poppins",sans-serif}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.dashboard-container{width:100%;overflow:hidden;box-sizing:border-box;text-align:center!important}.dashboard-header h2{font-size:20px}.dashboard-header{padding:100px 10px;min-height:400px;box-sizing:border-box;background-color:#4475f5}.dashboard-header p{padding:0 20px}.header-notes{display:flex;width:100%;justify-content:center}.search{width:100%;max-width:500px;padding:10px;border-radius:10px;border:1px solid #fff;margin:0 10px}.new-note-btn,.search{box-sizing:border-box;outline:none}.new-note-btn{padding:10px 20px;flex-wrap:wrap;border:none;background-color:#fff;color:#4475f5;border-radius:10px}.new-note-btn:hover{background-color:#e2e2e2}.all-notes{box-sizing:border-box;overflow:auto}.add-new-note-form,.all-notes{display:flex;flex-direction:column}.add-new-note-form{width:300px;margin:10px}.content-note,.title-note{border:none;outline:none;background-color:#3ec3fe}.title-note::-webkit-input-placeholder{font-weight:700;color:#000;font-size:20px}.title-note:-ms-input-placeholder{font-weight:700;color:#000;font-size:20px}.title-note::placeholder{font-weight:700;color:#000;font-size:20px}.title-note{padding:10px;font-weight:700;font-size:20px}.content-note{padding:30px 10px;height:200px}.submit-note-bar{border:none;transition:1ms ease ease-in;background-color:#36abdd;font-weight:700;color:#195975;text-align:right;font-size:1.2em;display:flex;justify-content:space-between;align-items:center}.submit-note-bar i:hover{color:#fff}.submit-note-bar i{margin:7px}.date-note{font-size:14px;font-weight:400}@media (min-width:450px){.all-notes{flex-direction:row}}.btn-disabled{background-color:grey;border:0;border-radius:20px}.btn-disabled,.btn-submit{padding:10px 20px;font-weight:700;color:#fff;margin:10px 0}.btn-submit{border:0;width:90%;border-radius:5px;background-color:#4475f5}.login-container{width:300px;min-height:400px;position:relative;margin:100px auto;border-radius:20px;overflow:hidden;text-align:center;padding-top:30px;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.login-container h2{margin:0;font-size:20px;color:#fff}.login-container p{font-size:14px;color:#fff;padding:0 20px}.login-container:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:50%;background-color:#4475f5}.login-form{border-radius:10px;margin-top:20px!important;width:80%;padding-top:40px;box-sizing:border-box;margin:0 auto;background-color:#fff;min-height:200px;box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}@media screen and (min-width:450px){.login-container{width:500px}.login-form{width:70%}}.register-container{width:300px;min-height:400px;position:relative;margin:100px auto;border-radius:20px;overflow:hidden;text-align:center;padding:30px 0;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.register-container h2{margin:0;font-size:20px;color:#fff}.register-container p{font-size:14px;color:#fff;padding:0 20px}.register-container:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:50%;background-color:#4475f5}.register-form{border-radius:10px;width:80%;padding-top:40px;box-sizing:border-box;margin:0 auto;background-color:#fff;min-height:200px;box-shadow:0 2px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.name{margin:10px 0}.email,.name,.password{width:90%;box-sizing:border-box;padding:10px}.password{margin-top:10px}@media screen and (min-width:450px){.register-container{width:500px}.register-form{width:70%}}
/*# sourceMappingURL=main.4de0c0f7.chunk.css.map */