body {
    background: linear-gradient(135deg, #E079C0 0%, #B2E079 100%);
    padding: 0 2em;
}

section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* header {
    
} */

h1 {
    text-align: center;
}

table {
    border: 5px solid #554961;
    table-layout: fixed;
}

thead {
    background-color: #9F5FDB;
}

th {
    border: 2px solid #554961;
}

tbody tr:nth-child(odd){
    background-color: hsla(33, 89%, 82%, 0.3);
}

tbody tr:nth-child(even){
    background-color: hsla(34, 78%, 91%, 0.3);
}

td {
    border-top: 2px solid #554961;
    padding: 10px;
}

tr td:nth-child(3n-1){
    white-space: nowrap;
    text-align: center;
}

tr td:nth-child(3n-2) span, .tag{
    font-family: monospace;
    background-color: hsla(271, 13%, 34%, 0.25);
    text-align: center;
}

p {
    border-style: solid none;
    /* border: 2px solid #554961; */
    /* background-color: #9F5FDB; */
}

div {
    display: flex;
    flex-direction: column;
    padding: 0 5vw;
}