:root { --titleColor: rgb(255, 255, 255); --titelBackground: rgb(8, 166, 163); }
* { box-sizing: border-box; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; }
html { min-height: 100%; width: 100%; }
body { min-height: 100%; width: 100%; margin: 0px; background-color: rgb(255, 255, 255); }
a { text-decoration: none solid rgb(0, 0, 0); }
a:link { color: rgb(0, 0, 0); }
a:visited { color: rgb(0, 0, 0); }
a:hover { color: rgb(255, 0, 0); }
div.home { margin: 0px; }
div.home td { font-size: 44px; }
div.noindex { margin: 0px; }
div.noindex td { font-size: 38px; }
table { margin: 10px auto; color: var(--titelBackground); border: 8px double var(--titelBackground); width: 900px; box-shadow: rgb(173, 173, 173) 3px -3px 1px 1px; background-color: rgb(255, 255, 255); }
table:hover { cursor: pointer; background-color: var(--titelBackground); color: var(--titleColor); }
td { padding: 10px; text-align: center; font-weight: bold; text-shadow: rgb(0, 92, 90) 3px -3px 2px; }
span { font-size: 90px; text-shadow: rgb(92, 0, 0) 3px -3px 5px; }
@media screen and (max-width: 920px) {
  table { width: 700px; }
  div.home td { font-size: 36px; padding: 22px; }
  div.noindex td { font-size: 30px; padding: 20px; }
  span { font-size: 64px; }
}
@media screen and (max-width: 720px) {
  table { width: 500px; }
  div.home td { font-size: 32px; padding-top: 20px; }
  div.noindex td { font-size: 28px; padding-top: 18px; }
  span { font-size: 50px; }
}
@media screen and (max-width: 520px) {
  table { width: 350px; }
  div.home td { font-size: 30px; }
  div.noindex td { font-size: 26px; }
  span { font-size: 48px; }
}