*{margin:0;padding:0;outline:none;box-sizing:border-box}body{display:grid;font-family:Numans;grid-template-areas:"a a" "b c";min-height:100%;height:100vh;grid-template-rows:60px auto;grid-template-columns:1fr 4fr}a{text-decoration:none}header.header{background:#a1b0c0;padding:15px 40px;grid-area:a;display:flex;justify-content:space-between;align-items:center}header.header h2{color:#fff;font-size:2em}header.header>a{cursor:pointer}div.hamburguer{width:45px;height:40px;display:none;justify-content:space-around;align-items:center;flex-direction:column;cursor:pointer}div.hamburguer>.line{width:100%;height:5px;background:#fff;border-radius:2px}aside.aside-filtros{border-right:3px solid #a1b0c0;grid-area:b;padding:30px 0 0 30px;min-width:200px}.aside-filtros>nav ul{list-style:none}.span-grupos,.ul-filtros>li{font-size:1em;color:#37404d;line-height:2em;cursor:pointer;display:flex;align-items:center}.span-grupos:hover,.ul-filtros>li:hover{opacity:.8}.span-grupos img,.ul-filtros li>img{width:1em;height:1em;margin-right:5px}.li-grupos{display:flex;flex-direction:column;align-items:baseline!important}.ul-grupos{margin-left:20px}.ul-grupos>li{display:flex;align-items:center}.ul-grupos>li:before{content:"";display:block;width:.8em;height:.8em;border-radius:50%;background:currentColor;margin-right:5px}.ul-grupos>li>span{color:#37404d}li.li-add-grupo{position:relative}li.li-add-grupo:after,li.li-add-grupo:before{content:"";width:.8em;height:2px;background:#2a7ae4;border-radius:0;position:absolute}li.li-add-grupo:after{transform:rotate(90deg)}.add-grupo{font-size:1em;color:#2a7ae4;text-decoration:none;font-weight:700;display:flex;flex-direction:row;padding-left:1em;align-items:center}.add-grupo:hover{text-decoration:underline}.add-grupo>img,.add-Tarefa>img{width:1.5em;height:1.5em;margin-right:5px}main{grid-area:c;padding:30px 0 0 30px}#cabecalho{font-size:2em;color:#2a7ae4}#cabecalho:after{content:" ";display:block;height:4px;width:250px;background:#a1b0c0;margin-top:10px}.ul-tarefas{margin-top:50px;list-style:none}.ul-tarefas>li{font-size:1em;color:#37404d;line-height:2em;cursor:pointer;display:flex;align-items:center}.ul-tarefas>li>label{cursor:pointer}li.add-Tarefa{font-size:1em;color:#2a7ae4;text-decoration:none;font-weight:700;display:flex;flex-direction:row;align-items:center}.add-Tarefa:hover{text-decoration:underline}input[type=checkbox]{color:#ff8c2a;box-shadow:none;-webkit-appearance:none;width:1.3em;height:1.3em;border-radius:50%;border:3px solid currentColor;box-sizing:border-box;margin-right:5px;transition:background .1s ease-in}input[type=checkbox]:checked{background:currentColor}@media only screen and (max-width:500px){body{grid-template-areas:"a" "b" "c";grid-template-columns:1fr}header.header{padding-left:15px;padding-right:15px}header.header h2{font-size:1.8em}div.hamburguer{display:flex}aside.aside-filtros{padding-bottom:30px;border:0;border-bottom:3px solid #a1b0c0}.span-grupos,.ul-filtros>li{font-size:1.1em}main{padding-bottom:30px}}.form-grupo,.form-tarefa{margin-top:30px;max-width:500px;width:100%;display:flex;flex-direction:column;justify-content:end}.input-column,.input-inline{display:flex;flex-direction:column;margin-bottom:30px}.input-column{flex-direction:row}.input-inline>label{font-size:1.2em;color:#37404d;margin-bottom:5px}.input-inline>input,.input-inline>select{max-width:500px;border:3px solid #a1b0c0;border-radius:4px;font-size:1em;color:#37404d;padding:5px 10px;background:none}.btn-escolher,.form-grupo>button[type=submit],.form-tarefa>button[type=submit]{font-size:1.2em;text-transform:uppercase;padding:5px 20px;color:#fff;border:0;background:#2a7ae4;border-radius:4px;margin-left:auto;cursor:pointer}input[type=color]{border:0;padding:0;width:150px;height:35px}@media only screen and (max-width:500px){.form-grupo,.form-tarefa{max-width:90%}}