body{background-color:#e0f7fa;font-family:Arial,sans-serif;color:#333}.app{text-align:center}.container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #00796b;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px #0000001a}input[type=text]{width:calc(100% - 22px);padding:10px;margin-bottom:10px;border:1px solid #00796b;border-radius:4px;transition:border-color .3s}input[type=text]:focus{border-color:#004d40;outline:none}button{padding:10px 15px;margin:5px;border:none;border-radius:4px;background-color:#00796b;color:#fff;cursor:pointer;transition:background-color .3s}button:hover{background-color:#004d40}.header{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;color:#004d40}.list-heading{font-size:20px;margin-top:20px;margin-bottom:10px;color:#00796b}.listData{display:inline-block;width:80%;padding:10px;border-bottom:1px solid #ccc;background-color:#e0f2f1;border-radius:4px;margin-bottom:5px}.btn-position{display:inline-block;width:20%;text-align:right}