body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    background-color: black;
    color: white;
}

h1 {
    font-size: 48px;
    text-align: center;
    margin: 0;
}

input[type="text"],
input[type="number"] {
    color: black;
}

.red-button {
    background-color: rgb(255, 202, 202);
}


button {
    cursor: pointer;
    width: 160px;
    height: 50px;
    font-size: 18px;
    background-color: rgb(62, 138, 1);
    border-radius: 10px;
}

.delete-button {
    background-color: red;
    width: 40px !important; /* Half the width of the other buttons */
    height: 25px !important; /* Half the height of the other buttons */
  }


.list-delete-button {
    background-color: red;
    width: 40px !important; /* Half the width of the other buttons */
    height: 25px !important; /* Half the height of the other buttons */
  }