h1{background:#2980b9;color:#fff;margin:0;font-weight:400;padding:10px 20px;text-transform:uppercase;font-size:24px}body{font-family:roboto;background:#ef3b36;background:linear-gradient(90deg,#fff,#ef3b36)}.foot{text-align:center;padding:10px;background:#fff}.add{border:none;width:30%;padding:16px 13px 13px 20px;background:#8f8b8b;color:#000;transition:.8s}.add:hover{transition:.8s;color:#8f8b8b;background:#000}li{background:#fff;line-height:40px;color:#666;list-style:none}li:nth-child(2n){background:#f7f7f7}.spn{background:#e74c3c;height:40px;margin-right:20px;text-align:center;color:#fff;width:0;display:inline-block;transition:.2s linear;opacity:0}li:hover .spn{width:40px;opacity:1}input{font-size:18px;color:#2980b9;background-color:#d6d6d6;width:70%;padding:13px 13px 13px 20px;box-sizing:border-box;border:none}input:focus{background:#fff;border:none;outline-color:#fff}.container{padding:0;width:360px;margin:100px auto;background:#f7f7f7;box-shadow:0 0 3px rgba(0,0,0,.1)}
/*# sourceMappingURL=main.caee1da9.chunk.css.map */