:root { 
    --link_color: #ff4800; 
} 
body { 
    padding-bottom: 50px; 
} 

h1, h2, h3 { 
    text-align: center; 
} 
h2 { 
    margin: 2em auto; 
} 
h3 { 
    margin: 2em auto; 
} 

nav ul { 
    /* display: flex;  */ 
    width: 60%; 
    margin: 0 auto; 
}
nav ul li { 
    list-style-type: none; 
    display: inline-block;  
    /* padding: 10px;  */ 
    background-color: antiquewhite; 
} 
nav li > a { 
    display: block; 
    padding: 10px; 
} 

table, th, td {
    border: 1px solid black;
    border-collapse: collapse; 
} 
table { 
    width: 70%; 
    margin: 0 auto; 
} 
thead td { 
    font-weight: bold; 
    text-align: center;
} 
td > a { 
    padding: 5px; 
    width: 25%; 
    margin: 0 auto; 
    display: block;
    width: 50px; 
} 

.text { 
    width: 70%; 
    margin: 50px auto;
} 

a { 
    font-weight: bold; 
    color:var(--link_color); 
} 


/* CLESSES */ 
td { 
    text-align: center; 
} 
/* .no-center { 
    text-align: left; 
}  */