*{margin:0;padding:0;box-sizing:border-box}body{font-size:24px;display:flex;justify-content:center;padding:30px;background:#fff url(../main-bg.jpg) repeat;background-size:cover}.app{background-color:#39686c;padding:20px;border-radius:10px;box-shadow:5px 5px 5px #000000ad}h1{text-align:center;margin-bottom:20px;color:#fff;font-size:64px;font-family:Agbalumo,sans-serif}.product-list{margin-bottom:20px;border-bottom:2px solid #ffffff}.product{background-color:#fff;padding:10px;margin:20px 0;border-radius:10px;box-shadow:3px 3px 5px #000000ad;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:28px;text-transform:uppercase;font-family:Kanit,sans-serif}.content{display:flex;flex-direction:column;gap:10px}button{font-size:20px;color:#fff;background-color:#18292b;box-shadow:1px 1px 2px #0000007b;border:none;padding:8px;border-radius:10px;cursor:pointer}.button-container{display:flex;justify-content:space-between}h2{margin-bottom:15px;color:#fff;font-family:Kanit,sans-serif}input,select{font-size:20px;padding:10px;margin-bottom:20px;border-radius:10px;border:1px solid #fff;width:100%;font-family:Kanit,sans-serif}.complete{background-color:#028d5f;margin-right:5px;color:#fff}.remove{background-color:#c40000;color:#fff}@media (min-width: 1000px){.app{width:800px}.complete,.remove{width:150px}}
