body { background-color: white; }

@media (prefers-color-scheme: dark) { body { background-color: black; } }

h2 { color: black; }

@media (prefers-color-scheme: dark) { h2 { color: #bec2c5; } }

a { color: #66d; text-decoration: none; transition: color 300ms; }

a:hover { color: #44d; text-decoration: underline; }

#logo { width: 18em; height: 8em; margin: auto; color: black; }

@media (prefers-color-scheme: dark) { #logo { color: #bec2c5; } }

#logo_and_description { margin-top: 8em; }

@media (max-width: 480px) { #logo_and_description { margin-top: 2em; } }

@media (max-width: 576px) { #logo_and_description { margin-top: 4em; } }

#impressum { margin-top: 2em; padding: 2em; height: 100%; color: #929292; background-color: #e9e9e9; }

@media (max-width: 480px) { #impressum { padding: 1.5em; font-size: smaller; } }

@media (prefers-color-scheme: dark) { #impressum { color: #929292; background-color: #16162f; } }

.centered_text { margin-top: 2em; margin-bottom: 2em; }