:root {
    --gray: #eeeeee;
    --red: #FF0000;
    --black-transp: #0000003c;
    --blue: #009dff;
}

body {
    background-color: var(--gray);
    padding: 0 15px;
    margin: 0;
    font-size: 16px;
}

h1, h2, h3, h4, h5, p, hr {
    margin: 0;
}

.text-red {
    color: var(--red);
    font-size: 1.5rem;
}

input {
    border: none;
    border-bottom: 1px solid var(--black-transp);
    background: none;
    width: 100%;
    padding: 8px 0;
}

input::placeholder {
    opacity: 0.35;
}

input:focus-visible {
    outline: none;
    border-bottom: 1px solid var(--blue);
    margin-bottom: -1px;
}

th, tr {
    text-align: center;
}

/* Ajuste para a tabela responsiva */
body > div > div.mt-5.d-flex > table > thead > tr > th {
    padding: 0 7%;
}

/* Adicionando margem inferior para células da tabela */
body > div > div.mt-5.d-flex > table > tbody > tr > td {
    margin-bottom: 10px;
}