html, body {
    background: #3a3a3a;
    color: white;
    font-family: sans-serif;
}

h1, h2, h3 {
    text-align: center;
}

#search-holder {
    margin: 40px;
}

#form {
    width: 75%;
    margin: auto;
    display: flex;

    flex-direction: row;
    justify-content: center;
}

input {
    padding: 5px;
    margin: 10px;

    font-size: x-large;
    background: none;
    border: 3px solid gray;
    outline: none;

    color: white;
}

#code-input {
    display: block;
    width: 8em;
}
#code-input:hover, #code-input:focus{
    transition: 0.1s;
    border: 3px solid white;
}

#submit-button {
    display: block;
    cursor: pointer;
}
#submit-button:hover {
    transition: 0.1s;
    border: 3px solid white;
}

#upc-table {
    margin: auto;
    border-collapse: collapse;
}

th {
    background: #2a2a2a;
    text-align: center;
    padding: 0.5em 1em;
}

td {
  text-align: left;
  padding: 0.5em 1em;
}

tr {
    border: 1px solid white;
}