:root {
--dark: #007367;
--text-shadow: #007367 2px 0px 0px, 
#007367 1.75517px 0.958851px 0px, 
#007367 1.0806px 1.68294px 0px, 
#007367 0.141474px 1.99499px 0px, 
#007367 -0.832294px 1.81859px 0px, 
#007367 -1.60229px 1.19694px 0px, 
#007367 -1.97998px 0.28224px 0px, 
#007367 -1.87291px -0.701566px 0px, 
#007367 -1.30729px -1.5136px 0px, 
#007367 -0.421592px -1.95506px 0px, 
#007367 0.567324px -1.91785px 0px, 
#007367 1.41734px -1.41108px 0px, 
#007367 1.92034px -0.558831px 0px;
}

body {
background-color: #00C0A9;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20more%20web%20bg%20v2%20values.svg);
}

p {
color: white;
}

.home {
background-color: var(--dark);
}

header {
text-shadow: var(--text-shadow);
}

h1 {
color: white;
text-shadow: var(--text-shadow);
}

table {
width: 100%;
border-radius: 35px;
border: 5px solid var(--dark);
padding: 5px;
background-color: #78E2D7;
}


th {
font-family: 'Grilled Cheese';
font-weight: normal;
color: white;
text-shadow: var(--text-shadow);
font-size: 30px;
background-color: #0FA494;
border-radius: 35px;
}
th:first-child {
width: 25%;
}

td {
color: var(--dark);
font-family: 'Shag Expert Lounge';
font-size: 25px;
background-color: #AEF3EC;
border-radius: 35px;
padding: 10px;
}
td:first-child {
text-align: center;
}

.buttons {
image-rendering: pixelated;
}
.buttons:hover {
transform: scale(1.3);
cursor: pointer;
}

.sub {
text-shadow: var(--text-shadow);
}