:root{--project-color:#d6c9c9;--task-color:#d7dedc;--alert-color:#bd3b45}*,:after,:before{box-sizing:border-box;font-family:inherit}body{color:#2b2d42;font-family:Work Sans,sans-serif;font-size:1.5rem;font-weight:300;margin:0}.projects-list{cursor:pointer;font-size:1.2rem;line-height:1.7;list-style:circle;padding-left:1.1em}.projects-list--active{font-weight:700}.add-project{display:flex;margin-top:20px}.add-project__btn{background:0;border:0;color:inherit;cursor:pointer;font-size:1.5rem;font-weight:900;margin-right:.25em;padding:0;transition:opacity .25s ease-in}.add-project__btn:hover{opacity:.7}.add-project__list{background:transparent;border:0;border-bottom:1px solid;color:inherit;font-size:1.1rem;order:2;outline:none;transition:border-bottom .15s ease-in}.add-project__list:focus{border-bottom-width:3px}.add-project__list:focus::-webkit-input-placeholder{opacity:.2}.add-project__list:focus::placeholder{opacity:.2}.projects{background-color:var(--project-color);grid-area:lists;height:100vh;padding-left:20px;padding-top:50px}.edit-popup{background-color:rgba(0,0,0,.2);height:100vh;left:0;position:fixed;top:0}.edit-popup,.edit-popup__inner{align-items:center;display:flex;justify-content:center;width:100%}.edit-popup__inner{background-color:#a5ccd1;border:2px solid var(--alert-color);border-radius:5px;flex-direction:column;max-width:900px;padding:32px;position:relative}.edit-cancel,.edit-confirm{margin:10px;padding:20px}.btn-delete{border:2px solid var(--alert-color);color:var(--alert-color);font-size:16px}.task-container{align-items:center;border:2px solid var(--project-color);border-radius:5px;display:flex;height:40px;justify-content:space-between;margin:5px 0;padding:5px;width:850px}.check-box{cursor:pointer;font-size:1.1rem;outline:none}.task-text{flex-grow:1;font-size:.9rem;padding:0 10px}.line-through{text-decoration:line-through}.edit-todo,.remove-todo{border:none;color:#d6c9c9;font-size:1.5rem;font-weight:700;outline:none;padding:0 10px}.delete-btn,.edit-todo,.remove-todo{background:transparent;cursor:pointer}.delete-btn{border:1px solid var(--alert-color);color:var(--alert-color);font-size:1rem;height:50px;margin-top:50px;padding:0 15px;transition:border .25s ease-in}.delete-btn:hover{border:3px solid var(--alert-color)}.form-container{align-items:center;display:flex;height:40px;margin-bottom:15px;width:850px}.input{border:1px solid #d6c9c9;border-top-left-radius:5px;box-shadow:0 2px 35px 6px rgba(214,200,201,.3);flex-grow:1;padding-left:5px}.input,.submit-btn{font-size:1.1rem;height:inherit;outline:none}.submit-btn{background-color:#d6c9c9;border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;font-weight:700;width:100px}.tasks{align-items:center;background-color:var(--task-color);display:flex;flex-direction:column;grid-area:tasks;height:100vh;padding-top:50px}.main-container{display:grid;grid-template-areas:"lists tasks";grid-template-columns:350px 1fr;grid-template-rows:auto}.error-page{align-items:center;background-color:var(--project-color);display:flex;flex-direction:column;font-size:2rem;height:100vh;justify-content:center;text-align:center;text-shadow:1px 2px 3px var(--project-color)}
/*# sourceMappingURL=main.b4530ca0.css.map*/