@font-face{font-family:Pacifico;font-style:normal;font-weight:400;src:url(../fonts/pacifico-v16-latin-regular.woff2) format("woff2"),url(../fonts/pacifico-v16-latin-regular.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:300;src:url(../fonts/lato-v16-latin-300.woff2) format("woff2"),url(../fonts/lato-v16-latin-300.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(../fonts/lato-v16-latin-regular.woff2) format("woff2"),url(../fonts/lato-v16-latin-regular.woff) format("woff")}*,:after,:before{box-sizing:border-box}body{font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:300;line-height:160%;background:#efefef;color:#22222b;padding:0;margin:0}header{background:#7800d6;font-family:Pacifico,Arial,sans-serif;color:#efefef;display:flex;position:fixed;align-items:center;justify-content:center;width:100vw;height:6rem;z-index:9999}header h1{padding:0;font-size:3rem;font-weight:400;text-shadow:2px 2px 2px rgba(0,0,0,.3)}nav{position:fixed;top:6rem;width:100%;background:hsla(0,0%,93.7%,.7);box-shadow:0 0 10px rgba(0,0,0,.2)}nav ul.groups{list-style:none;display:flex;justify-content:space-around;margin:0;padding:1rem .5rem}nav ul.groups li{position:relative}nav ul.groups li img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:2.5rem;border-radius:50%;transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s;background:#fff}nav ul.groups li span{background:#439935;position:absolute;top:-2px;right:-2px;width:1rem;height:1rem;font-size:.6rem;color:#fff;border-radius:50%;display:flex;align-items:center;align-content:center;justify-content:center}nav ul.groups li.active img{-webkit-filter:none;filter:none}section{padding-top:11.5rem;height:100vh;width:100vw}section .tasks{list-style:none;margin:0;overflow:hidden;padding:0 0 6rem}section .tasks li{padding:.6rem;margin-bottom:.3rem;background:#e4e2e9;display:flex;align-items:center}section .tasks li.strike{opacity:.3}section .tasks li.strike:before{content:" ";background:#000;position:absolute;height:2px;display:block;left:5px;right:5px;opacity:.7}section .tasks li.deleting{transform:translateX(100%);transition:transform .5s}section .tasks li img{width:2rem;border-radius:50%;margin-right:.5rem;background:#fff}section .tasks li .item{flex-grow:1}section .tasks li .icons{display:flex;align-items:center}section .tasks li .icons img{cursor:pointer;background:none;border-radius:0;height:1rem}section p{text-align:center;font-size:.8rem}footer{position:fixed;bottom:0;right:0;padding-right:2rem;padding-bottom:2rem}footer a{background:#439935;color:#fff;font:inherit;border-radius:50%;border:0;width:3rem;height:3rem;outline:none;display:flex;align-items:center;justify-items:center;justify-content:center}footer a img{height:1.5rem}.addContainer{position:fixed;bottom:0;background:hsla(0,0%,100%,.9);width:100%;padding:2rem;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .5s}.addContainer.active{transform:translateY(0)}.addContainer input,.addContainer select{width:100%;border:1px solid #ddd;border-radius:4px;font:inherit;padding:.5rem;margin-bottom:1rem;outline:none}.addContainer input.error,.addContainer select.error{border-color:#c00}.addContainer .btnContainer{display:flex;flex-direction:row;justify-content:space-between}.addContainer .btnContainer button{background:#439935;border:0;padding:.5rem 1.5rem;border-radius:4px;color:#fff;outline:none;font:inherit}.addContainer .btnContainer button.cancel{background:#818181}.addContainer .btnContainer button.delete{background:#c00}main{display:flex;justify-content:center;justify-items:center;align-items:center;height:100vh;width:100vw}main .card-header{font-size:2rem;margin-bottom:2rem;text-align:center}main .card-body{text-align:center}main .card{width:90vw}main input,main select{width:100%;border:1px solid #ddd;border-radius:4px;font:inherit;padding:.5rem;margin-bottom:1rem;outline:none}main input.error,main select.error{border-color:#c00}main button{background:#7800d6;border:0;border-radius:4px}.forceDelete,main button{padding:.5rem 1.5rem;color:#fff;outline:none;font:inherit}.forceDelete{display:block;background:#c00;border:0;border-radius:50px;margin:-4rem auto 0}