body {
    font-family: 'Nunito', sans-serif;
}

table {
    width: 300px;
    text-align: center;
    border-collapse: collapse;

    thead tr, tr:first-child {
        height: 46px;
    }

    thead td, th {
        color: black;
        line-height: 1.3;
    }

    td, th {
        border: 1px solid black;
        color: black;
    }

    tr {
        height: 36px;
    }

    tr:nth-child(odd) {
        background-color: #faf8f5;
    }

    tr:nth-child(even) {
        background-color: #fff;
    }

    td > * {
        vertical-align: middle;
    }
}

.wrapper {
    display: flex;              /* Включаем Flexbox */
    justify-content: center;    /* Выравниваем элементы по центру по горизонтали */
    gap: 4%;                  /* Устанавливаем расстояние между элементами */
    height: 100vh;              /* Задаём высоту контейнера на весь экран */

    padding-top: 5px;
    padding-bottom: 5px;
}