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