body,HTML,p{margin:0;padding:0;border:0;font-size:16px}ul{padding:0;list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}li{text-align:none}body{font-family:"Inter";overflow-x:hidden;width:100%;height:100%}.container1{background-color:#fff;width:100%}.container1 h5{text-align:center}.leftside,.rightside{height:100vh;width:100%}.leftside img{width:311px;height:385px}.leftside{display:flex;flex-flow:column wrap;background-color:#e5d9ff}.leftside h1{color:#424242;font-family:"Inter";font-size:28px;font-weight:600;line-height:39px;text-align:center}.solidborder{border:5px solid #fff;padding:60px;border-radius:16px}.homecontainer{width:100%;height:1500px;background-color:#e5d9ff;display:inline-flex}.homecontainer img{margin-left:15%;margin-top:10%;width:311px;height:385px;display:flex}.login_screen{border:5px solid #000;padding:40px;border-radius:5px;text-align:center;position:absolute;top:15%;left:50%}.homepagebutton{border:2px solid transparent;background:#a586d5;color:#fff;font-size:16px;line-height:25px;padding:10px 0;text-decoration:none;text-shadow:none;border-radius:3px;box-shadow:none;display:block;width:250px;margin:10px auto;text-align:center}.homepagebutton:hover{background:#8b69c0}#specialbutton{cursor:pointer}.login-page{width:360px;padding:8% 0 0;margin:auto}.form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 20px;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);border-radius:16px}.form input{background:#f2f2f2;margin:0 0 15px;box-sizing:border-box}.form button,.form input{font-family:"Roboto",sans-serif;outline:0;width:100%;border:0;padding:15px;font-size:14px}.form button{text-transform:uppercase;background:#a586d5;color:#fff;transition:all .3 ease;cursor:pointer}.form button:active,.form button:focus,.form button:hover{background:#b3a0de}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.form .message a{color:#3498db;text-decoration:none}.form .register-form{display:none}.form1 input{font-family:"Roboto",sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:15px;font-size:14px}.todoname{display:flex;width:65%;overflow:hidden}.todoitembutton{width:5%;margin-left:2%}.navigation{display:block;width:100%;min-height:2.8em;position:relative;margin-bottom:.5em;border-bottom:.05em solid #000}#logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:.2em .4em;border-style:solid;border-color:#000;font-size:1em;color:#000}#logo:hover{color:#fff;background-color:#000}a{color:#000;text-decoration:none}nav{float:right;max-width:42%;margin-right:2%;font-weight:500}nav ul{list-style:none;margin:0;padding:0}nav li{float:left;position:relative;top:1em;min-width:6em;text-align:center}nav a{display:block;line-height:.75em;background:#fff;color:#000;text-decoration:none;font-size:.8em}nav a:hover{background:#fff;color:#8b69c0;font-weight:800;cursor:pointer}.text{display:block;text-align:left;margin-top:2%;margin-left:3%}.taskcontainer{display:inline-flex;justify-content:space-evenly;background-color:#fff;width:96%;margin-left:2%;margin-right:2%;margin-top:3%}.Progress{margin:1em 0;position:relative;height:24px;background-color:#ccc}.Progress:after{content:"[ " attr(data-value) " ] %";position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;line-height:24px;font-size:16px;color:#333}.Progress-Bar{height:100%;background:linear-gradient(90deg,#a586d5,#b3a0de,#d8c9f9)}#textleft{text-align:left}.toitembutton{width:10%}*,:after,:before{box-sizing:border-box}:focus{outline:3px grey;outline-offset:0}html{font:62.5%/1.15 sans-serif}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button::-moz-focus-inner{border:0}button,input,optgroup,select,textarea{font-family:"Inter";font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}input[type=text]{border-radius:0}@media screen and (min-width:620px){body{font-size:1.9rem;line-height:1.31579}}.form-group>input[type=text]{display:inline-block}.btn{padding:.8rem 1rem .7rem;cursor:pointer;text-transform:capitalize}.btn.toggle-btn{border-width:1px;border-color:#d3d3d3}.btn.toggle-btn[aria-pressed=true]{text-decoration:underline;border-color:#4d4d4d}.btn__danger{color:#fff;background-color:#ca3c3c;border-color:#bd2130}.btn__filter{border-color:#d3d3d3}.btn__primary{color:#fff;background-color:#000}.btn-group{display:flex;justify-content:space-between;max-width:20%}.btn-group>*{flex:1 1 49%}.btn-group>*+*{margin-left:.8rem}.label-wrapper{margin:0;flex:0 0 100%;text-align:left}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}[class*=stack]>*{margin-top:0;margin-bottom:0}.todoitem>*+*{display:inline-flex}.stack-large>*+*{margin-top:2.5rem}.formflex{display:flex;flex-flow:row}@media screen and (min-width:620px){[class*=__lg]{font-size:2.4rem}}.filters{width:100%;margin:unset auto}.todo{display:flex;flex-direction:row;flex-wrap:wrap;background-color:#e9e9e9;border-radius:8px;padding-bottom:5px;padding-top:5px;overflow:hidden;vertical-align:baseline}.todo>*{flex:0 0 100%}.todo-text{width:100%;min-height:4.4rem;border:2px solid #565656}.todo-text:focus{box-shadow:inset 0 0 0 2px}.checkboxstyle{width:10%}.c-cb{box-sizing:border-box;font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased;font-weight:500;font-size:1.6rem;line-height:1.25;display:block;position:relative;min-height:44px;padding-left:0}.c-cb>input[type=checkbox],.c-cb>label:before{box-sizing:border-box;top:10px;left:-28px;width:22px;height:22px}.c-cb>input[type=checkbox]{-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;z-index:1;margin:0;opacity:0}.c-cb>label{font-size:20px;font-family:"Inter";line-height:inherit;display:inline-block;margin-bottom:0;padding:8px 15px 5px;cursor:pointer;touch-action:manipulation}.c-cb>label:before{content:"";position:absolute;border:2px solid;background:transparent}.c-cb>input[type=checkbox]:focus+label:before{border-width:1px;outline:1.5px solid grey}.c-cb>label:after{box-sizing:content-box;content:"";position:absolute;top:15px;left:-22px;width:6px;height:3px;transform:rotate(-45deg);border:solid grey;border-top:solid transparent;border-width:0 0 5px 5px;opacity:0;background:transparent;color:grey}.c-cb>input[type=checkbox]:checked+label:after{opacity:1;color:grey}@media screen and (min-width:550px){.stack-small>*+*{margin-top:1.4rem}.stack-large>*+*{margin-top:1rem}}.stack-exception{margin-top:1.2rem}.todoapp{background:#fff}.todoapp,.todoapp1{max-width:50rem;margin-left:3%;margin-top:3%;border:5px solid #000;position:relative;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 2.5rem 5rem 0 rgba(0,0,0,.1)}.todoapp1{background:#b678ff;padding:4rem}@media screen and (min-width:550px){.todoapp{padding:4rem}}.todoapp>*{max-width:50rem;margin-left:auto;margin-right:auto}.todoapp>form,.todoapp>h1{max-width:100%}.todoapp>h1{display:block;text-align:center;margin:0 0 1rem;font-family:"Inter"}.label__lg{line-height:1.01567;font-weight:300;padding:.8rem;margin-bottom:1rem;text-align:center}.input__lg{padding:2rem;border:2px solid #000}.input__lg:focus{border-color:#4d4d4d;box-shadow:inset 0 0 0 2px}[class*=__lg]{display:inline-block;width:100%;font-size:1.9rem}[class*=__lg]:not(:last-child){margin-bottom:1rem}#google-button{height:40px;border-width:0;background:#fff;color:#737373;border-radius:5px;white-space:nowrap;box-shadow:1px 1px 0 1px rgba(0,0,0,.05);transition-property:background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-in-out;padding:0}#google-button:focus,#google-button:hover{box-shadow:1px 4px 5px 1px rgba(0,0,0,.1)}#google-button:active{background-color:#e5e5e5;box-shadow:none;transition-duration:10ms}.google-button__icon{width:18px;height:18px;box-sizing:border-box}.google-button__icon,.google-button__text{display:inline-block;vertical-align:middle}.google-button__text{padding:0 24px;font-size:14px;font-weight:700;font-family:"Roboto",arial,sans-serif}
/*# sourceMappingURL=main.7e0a8760.chunk.css.map */