:root { --primary-color: #8b8; --secondary-color: #aac0a6; --font-color: #9a9; --bg-color: #222; --bg-color-darker: #111; --heading-color: #818cab; }

body { background-color: var(--bg-color); color: var(--font-color); font-size: 1.0rem; max-width: 100%; }

h1 { color: var(--secondary-color); font-size: 1.2rem; }

a { color: var(--primary-color); }

a.plain { color: var(--primary-color); text-decoration: none; }

table.index { padding: 0.1rem; max-width: 100%; }

tr.index { padding: 0.1rem; }

td.index { padding: 0.2rem; }

table.gallery { background-color: var(--bg-color); padding: 0.1%; max-width: 100%; }

tr.gallery { max-width: 100%; }

td.gallery { background-color: var(--bg-color-darker); padding-left: 3%; padding-right: 3%; padding-top: 0.1%; padding-bottom: 0.1%; max-width: 100%; }

.1column { max-width: 95%; align: center; }

.halfColumn { max-width: 70%; align: center; }

.thumbnail { max-width: 100%; max-height: 100%; }

img.gallery { max-width: 100%; display: block; align: center; }

@media only screen and (orientation: portrait) { /* Force table to not be like tables anymore */
  table.gallery, thead.gallery, tbody.gallery, th.gallery, td.gallery, tr.gallery { display: block; }
  .1column { max-width: 98%; align: center; }
  .halfColumn { max-width: 95%; align: center; } }

/*# sourceMappingURL=styles.css.map */