html { color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, [hidden] { display: none !important; }
.visually-hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static;
 white-space: inherit; width: auto; }
.invisible { visibility: hidden; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }

html { height: 100%; padding: 0; margin: 0; background-color: black; }

body { padding: 0; margin: 0; font-family: sans-serif; color: white; background-color: black; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: url("../img/train-2560-1440.jpg") no-repeat top center fixed; background-size: cover; }

a:link { text-decoration: none; color: white; }
a:visited { text-decoration: none; color: white; }
a:hover { text-decoration: none; color: red; }
a:active { text-decoration: none; color: red; }

.page-info { height: auto; width: auto; margin: 0 0 200px 0; padding: 20px 40px; position: fixed; right: 0; border-bottom-left-radius: 20px; border-top-left-radius: 20px; background-color: color(display-p3 0.106 0.11 0.115 / 0.625); }

.icons { position: fixed; bottom: 10px; right: 10px; width: auto; height: auto; }
.icons li { display: inline; contents; padding-left: 10px; }
.icons li img { height: 40px; width: auto; border-radius: 5px; }


@media only screen and (max-width: 768px) {

body {  font-size: 0.95em; }
.page-info {  width: 85%;  margin: 0 0 50px 0;  padding: 5px 20px; }
.icons li {  display: inline;  contents;  padding-left: 5px; }
.icons li img {  height: 30px;  width: auto; }

}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
@media print {

*, *::before, *::after {  background: #fff !important;  color: #000 !important;  /* Black prints faster */  box-shadow: none !important;  text-shadow: none !important; }
a, a:visited {  text-decoration: underline; }
a[href]::after {  content: " (" attr(href) ")"; }
abbr[title]::after {  content: " (" attr(title) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after {  content: ""; }
pre {  white-space: pre-wrap !important; }
pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid; }
tr, img {  page-break-inside: avoid; }
p, h2, h3 {  orphans: 3;  widows: 3; }
h2, h3 {  page-break-after: avoid; }

}