/*.color_scheme { color: #12224e; color: #596597; color: #4c4f57; color: #f3f3f4; color: #587f76; color: #e5eeea; }*/ body { font-family: Arial, sans-serif; color: #12224e; font-size: 16pt; margin: 0; background-color: #f3f3f4; scroll-behavior: smooth; } header { background-color: #587f76; color: #f3f3f4; padding: 3rem; background: no-repeat url(images/green-abstract.jpg); background-size: cover; display: flex; justify-content: center; align-items: center; } header div.logo { font-size: 8rem; } header div.content { font-size: 2rem; flex-grow: 2; text-align: center; } nav { background-color: #4c4f57; text-align: center; height: 5.2rem; position: sticky; top: 0; z-index: 100; } nav a { font-size: 140%; color: white; padding: 1.8rem 3rem 2rem; transition: all 1s ease; text-decoration: none; font-weight: bold; display: inline-block; } nav a:hover { background-color: #f3f3f4; color: #555; transition: all 0.5s ease; -web-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-bottom: 0.8rem; border-bottom: solid 1.2rem #4c4f57; } address, section { padding: 0.6em 2rem; margin: 5rem auto; background-color: white; border-radius: 1rem; max-width: 1080px; } table.schedule { border-spacing: 1; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; margin: 1em auto; font-size: 14pt; td, th { padding-left: 8px; } thead tr { height: 2em; background: #587f76; color: white; } tbody tr { height: 1.5em; border-bottom: 1px solid #4c4f57; } tbody tr:last-child { border: 0; } tbody tr:nth-child(even) { background-color: #f3f3f4; } tbody tr:hover { background-color: #e5eeea; } td, th { text-align: center; } td.l { text-align: left; } td.r { text-align: right; } } footer { text-align: center; padding: 10px; background-color: #587f76; color: white; }