body{margin:0}.list-bg{background:#f9faff;padding:10px}.list-item{background:#fff;border-radius:10px;padding:20px;margin-bottom:5px;box-shadow:0 2px 4px 0 #e0e0e0;opacity:1;transition:opacity 1s,max-height .5s,margin .5s,padding .5s;max-height:200px;overflow:hidden}.list-item-out{opacity:0;max-height:0;margin:0;padding:0}.list-item h4{font-size:20px;font-weight:800;margin:0}.list-item p{color:grey;margin:5px 0}.p-20{padding:20px}input{box-sizing:border-box;padding:10px;display:block;margin-bottom:10px}button{padding:10px 15px;background:#d3d3d3;border:none;border-radius:5px}a{text-decoration:none;color:#000}.navbar{background:#fff;padding:20px;display:flex;align-items:center}.navbar a{margin-right:15px;text-decoration:none;color:#000}.logo{font-weight:700;margin-right:auto}