this style solved it somehow ->

th { text-align: center; height: fit-content; width: fit-content; color: white; background: linear-gradient(to bottom, #1F1C18, #8E0E00); font-weight: bold; } td { text-align: center; height: 3.7rem; color: #000; border-left: 0.2rem solid #c5bebe; border-right: 0.2rem solid #c5bebe; border-bottom: 0.2rem solid #c5bebe; border-collapse: collapse; font-weight: bold; } tbody > tr:nth-child(odd) { background-color: rgb(233, 233, 233); } tbody > tr:nth-child(even) { background-color: rgb(161, 205, 255); } footer { font-size: small; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } header { width: 100%; padding-top: 1.6rem; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-align: center; } main { width: 100%; border-radius: 8px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #FFC371, #FF5F6D) 1; }