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}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}html{font-size:62.5%}body{line-height:1.5;overflow-y:scroll;font-family:"Source Sans Pro",sans-serif}.app{display:grid;grid-template-columns:35rem 1fr}@media only screen and (max-width:56.25em){.app{grid-template-columns:1fr}}.sidebar{width:35rem;min-height:100vh;background:#0086c2;position:fixed;left:0;top:0;z-index:1}@media only screen and (max-width:56.25em){.sidebar--sm{display:none}}@media only screen and (max-width:56.25em){.sidebar{width:100%}}.sidebar__cat-form-cont{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2}.sidebar__cat-form{position:absolute;background:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3rem;width:90%;max-width:500px;border-radius:5px}.sidebar__cat-form-close{position:absolute;background:hsla(0,0%,100%,.8);width:3rem;height:3rem;border-radius:50px;font-size:2rem;display:flex;align-items:center;justify-content:center;right:0;top:0;-webkit-transform:translateY(-125%);transform:translateY(-125%);cursor:pointer}.sidebar__cat-form-close img{width:2rem}.sidebar__cat-form-field{margin-bottom:2rem}.sidebar__cat-form-label{text-transform:uppercase;display:block;font-weight:700;color:grey;font-size:1.3rem;margin-bottom:10px}.sidebar__cat-form-input{padding:2rem;border:none;background:#eee;width:100%;border-radius:5px;color:#777;font-size:1.8rem;font-weight:700}.sidebar__cat-form-input::placeholder{color:#999;font-size:1.8rem}.sidebar__cat-form-input::-webkit-input-placeholder{color:#999;font-size:1.8rem}.sidebar__cat-form-input:-ms-input-placeholder{color:#999;font-size:1.8rem}.sidebar__cat-form-input::-ms-input-placeholder{color:#999;font-size:1.8rem}.sidebar__cat-form-input:-moz-placeholder,.sidebar__cat-form-input::-moz-placeholder{opacity:1;color:#999;font-size:1.8rem}.sidebar__cat-form-input:focus{outline:none}.sidebar__cat-form-submit{padding:2rem;border:1px solid #0086c2;background:#0086c2;width:100%;border-radius:5px;color:#fff;font-size:1.8rem;font-weight:700;cursor:pointer}.sidebar__upper{display:flex;justify-content:space-between;align-items:center;background:#0078ae;padding:3rem 2rem;position:fixed;width:35rem}@media only screen and (max-width:56.25em){.sidebar__upper{width:100%}}.sidebar__upper-title{font-size:2rem;color:#fff}.sidebar__upper-action{width:4rem;height:4rem;border:none;font-weight:700;font-size:2.5rem;border-radius:50px;background:#0086c2;color:#fff;background:#fff;color:#0078ae;cursor:pointer}.sidebar__cat-list{padding:100px 0 0;list-style:none;height:100vh;overflow-y:scroll}.sidebar__cat-list::-webkit-scrollbar{width:1px;height:3px}.sidebar__cat-list::-webkit-scrollbar-thumb{background:#fff;border-radius:0}.sidebar__cat-list::-webkit-scrollbar-thumb:hover{background:#b3afb3}.sidebar__cat-list::-webkit-scrollbar-track{background:#0086c2;border-radius:0;box-shadow:inset 0 0 0 0 #f0f0f0}.sidebar__cat{color:#fff;font-size:1.8rem;padding:3rem 2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:space-between}.sidebar__cat--active{background:hsla(0,0%,100%,.2)}.sidebar__cat:hover{background:hsla(0,0%,100%,.1)}.sidebar__cat-name{text-overflow:ellipsis;white-space:normal;overflow:hidden}.sidebar__cat-trash-icon-cont{padding:1rem;width:4rem;height:4rem;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .3s}.sidebar__cat-trash-icon-cont:hover{background:hsla(0,0%,100%,.3)}.sidebar__cat-trash-icon{width:100%}.main{min-height:100vh;background:#eee}.task-form{display:flex;align-items:center;background:#fff;padding:0 3rem;justify-content:space-between;box-shadow:0 10px 100px hsla(0,0%,60%,.1);position:fixed;width:calc(100% - 35rem);top:0;right:0}@media only screen and (max-width:56.25em){.task-form{width:100%}}@media only screen and (max-width:37.5em){.task-form{padding:0 2rem}}.task-form__input{width:0;flex-grow:1;border:none;min-height:100px;padding:0 2rem 0 0;font-size:2rem;color:#666;font-weight:700}@media only screen and (max-width:37.5em){.task-form__input{min-height:80px}}.task-form__input:focus{outline:none}.task-form__input::placeholder{color:#b4b4b4}.task-form__input::-webkit-input-placeholder{color:#b4b4b4}.task-form__input:-ms-input-placeholder{color:#b4b4b4}.task-form__input::-ms-input-placeholder{color:#b4b4b4}.task-form__input:-moz-placeholder,.task-form__input::-moz-placeholder{opacity:1;color:#b4b4b4}.task-form__submit{background:#04db04;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:3rem;letter-spacing:1px;border-radius:5px;width:5rem;height:5rem;cursor:pointer;padding:1.3rem;display:flex;align-items:center;justify-content:center}.task-form__submit-icon{width:100%}.tasks{padding:14rem 4rem 4rem}@media only screen and (max-width:37.5em){.tasks{padding:12rem 2rem 10rem}}.tasks__list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;max-width:150rem;margin:auto}@media only screen and (max-width:75em){.tasks__list{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:37.5em){.tasks__list{grid-template-columns:1fr}}.tasks__list-item{background:#fff;padding:2.5rem;border-radius:5px;box-shadow:0 10px 100px hsla(0,0%,60%,.1)}.tasks__list-item-upper{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.tasks__list-item-cat-name{font-weight:700;font-size:1.2rem;background:#04db04;color:#fff;padding:3px 10px;border-radius:50px;letter-spacing:1px}.tasks__list-item-trash-icon-cont{width:4rem;height:4rem;border-radius:50px;padding:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.tasks__list-item-trash-icon-cont:hover{background:#eee}.tasks__list-item-trash-icon{width:100%}.tasks__list-item-heading{font-size:2.2rem;color:#666;margin-bottom:1rem;word-break:break-all}.tasks__list-item-desc{color:#777;font-size:1.5rem;word-break:break-all}.sidebar-btn{position:fixed;bottom:0;left:0;width:100%;background:#0078ae;color:#fff;font-weight:700;font-size:2rem;border:none;padding:2rem;box-shadow:0 10px 100px rgba(0,0,0,.1);display:none}@media only screen and (max-width:56.25em){.sidebar-btn{display:block}}
/*# sourceMappingURL=main.996ab284.chunk.css.map */