.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{height:100vh;text-align:center;padding-top:2rem}.home-inner{justify-content:space-between;padding:0 2rem}.home-inner,.home-logo{display:flex;align-items:center}.home-logo{width:100px;height:100px;justify-content:center;border-radius:100%;background:transparent;border:3px solid #0e49b5;margin:auto auto 2rem}.home-logo svg{width:90%;height:90%}.bcg,.home-div{width:48%;height:100%}.home-div p{font-size:2rem;font-weight:700}.home-button button{width:80%;margin-bottom:2rem}.home-button span{display:block}.home-button .link{color:#f4f4f4;text-decoration:none}.home-buttons button{width:70%;margin:3rem auto;border-radius:10px;background:#6155a6;color:#f4f4f4;border:none;outline:none;height:3rem;font-size:20px}.bcg img{width:100%;height:100%;border-radius:10px}@media (max-width:768px){.home-inner{display:block;padding:0;height:auto}.bcg,.home-div{width:100%}.bcg img{border-radius:0}}.form{text-align:center;margin:2rem auto;width:60%}.login-signup input{background-color:#fff;display:block;margin:0 auto 1rem;text-indent:.5rem}.home-button button,.login-signup button,.login-signup input{width:70%;border-radius:10px;height:3rem;border:none;outline:none;font-size:20px}.home-button button,.login-signup button{margin:.5rem auto;color:#f4f4f4}.login-bottom-text{text-align:center}.login-bottom-text .bottom-link{color:red;margin-left:.5rem}@media (max-width:768px){.form{width:100%}.home-button button,.login-signup button,.login-signup input{width:80%}}.dashboard{height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem}.dashboard-div{width:60%;text-align:center;box-shadow:4px 3px 7px 2px rgba(0,0,0,.25098039215686274);border-radius:10px;padding:1rem 2rem}progress{margin:0 0 2rem;width:100%}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none}progress[value]::-webkit-progress-bar{width:100%;height:10px;border-radius:20px;background-color:#eee}progress[value]::-webkit-progress-value{width:100%;height:10px;border-radius:20px;background-color:#0e49b5}.tasks{width:100%;display:flex;justify-content:space-between}.task{margin-top:2rem;margin-bottom:.2rem;font-size:10px;float:right}.dashboard-div h2{text-transform:capitalize}.number{font-weight:700;font-size:20px}.words{font-size:16px}span{display:block}@media (max-width:768px){.dashboard-div{width:100%}.words{font-size:10px}}.note{width:50%;margin:1rem auto;height:auto;padding:1rem 2rem;background-image:radial-gradient(#bfc0c1 7.2%,transparent 0);background-size:25px 25px;border-radius:10px;box-shadow:4px 3px 7px 2px rgba(0,0,0,.25098039215686274);box-sizing:border-box;position:relative;font-size:16px}.note-title{text-align:left;font-weight:700;font-size:20px;margin-bottom:1rem;height:auto}.note:checked{text-decoration:line-through}.note-description{text-align:left;font-size:18px}.note-checkbox{display:flex}.view-note .btn{background:transparent;border:none;outline:none}.view-btn-group{right:30px;position:absolute}.custom-select{position:relative;font-family:Arial;width:30%;height:40px;border-radius:10px;text-align:center;box-sizing:border-box;margin:1rem auto;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.custom-select select{display:none}.select-selected{background-color:#1e90ff}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-top-color:#fff}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-bottom-color:rgba(0,0,0,.1);cursor:pointer}.select-items{position:absolute;background-color:#1e90ff;top:100%;left:0;right:0;z-index:99}.edit-note{height:10rem}@media (max-width:768px){.note{width:90%}.custom-select{width:50%}}.edit-form input{box-sizing:border-box;background-color:transparent;padding:.7rem;border-bottom-right-radius:15px 3px;border-bottom-left-radius:3px 15px;border:3px solid transparent;font-size:1rem;color:rgba(63,63,65,.7);width:70%;display:block;min-width:70%;margin-bottom:1rem;outline:none}.edit-form{width:90%}.edit-form .button-group{margin:3rem auto}.edit-form .btn{display:inline-block;margin-left:10px}.todo-form{margin:3rem auto;width:40%;background:#f1f5f8;background-image:radial-gradient(#bfc0c1 7.2%,transparent 0);background-size:25px 25px;border-radius:20px;box-shadow:4px 3px 7px 2px rgba(0,0,0,.25098039215686274);padding:1rem;box-sizing:border-box;position:relative}.todo-form input,textarea{box-sizing:border-box;background-color:transparent;padding:.7rem;border-bottom-right-radius:15px 3px;border-bottom-left-radius:3px 15px;border:3px solid transparent;font-size:20px;color:rgba(63,63,65,.7);display:block;width:100%;margin-bottom:1rem;outline:none}.todo-form input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:Architects Daughter,cursive}.todo-form input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:Architects Daughter,cursive}.todo-form input::placeholder,textarea::placeholder{font-family:Architects Daughter,cursive}.todo-form button{border:none;font-family:Architects Daughter,cursive;text-decoration:none;padding:0 0 3px;border-radius:5px;position:relative}.todo-form button span{background:#f1f5f8;display:block;padding:.5rem 1rem;border-radius:5px;border:2px solid #494a4b}.heading{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.heading h1{transform:rotate(2deg);padding:.2rem 1.2rem;border-radius:20% 5% 20% 5%/5% 20% 25% 20%;font-size:1.5rem}@media (max-width:768px){.todo-form{width:90%}}
/*# sourceMappingURL=main.6f5cd997.chunk.css.map */