body {
    background-image: url("background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

table {
    width: 80%;
    margin: 150px auto;
    background: rgb(75, 50, 18);
}

table.list {
    text-align: center;
    width: 100%;
}

td {
    border: 1px solid black;
    text-align: left;
    padding: 8px 15px;
}

tr:nth-child(even),
table.list thread>tr {
    background-color: rgb(99, 190, 190);
}

input[type="text"],
input[type="number"] {
    width: 100%;
    height: 100%;
    padding: 12px 20;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid black;
    border-radius: 4px;
}

input[type="submit"],
input[type="reset"] {
    background: yellowgreen;
    padding: 6px 12;
    margin: 15px 0 10px;
    display: inline-block;
    border: none;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    outline: none;
}

input[type="submit"]:hover {
    background-color: yellow;
}

input[type="reset"]:hover {
    background-color: yellow;
}

button {
    background: yellowgreen;
    padding: 6px 12;
    margin: 15px 0 10px;
    display: inline-block;
    border: none;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    outline: none;
}

button:hover {
    background-color: yellow;
}