@font-face { font-family: 'droid_sans_monoregular'; src: url("/assets/fonts/DroidSansMono-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "AsciiTextFace"; src: url("/assets/fonts/Web_IBM_BIOS-2y.woff") format("woff"), url("/assets/fonts/MxPlus_IBM_BIOS-2y.ttf") format("ttf"); }

html, body { height: 100%; }

body { font-family: "Droid Sans Mono", droid_sans_monoregular, "DejaVu Sans Mono", monospace; margin: 0; padding: 0; }

.scroll { background-color: black; color: white; }

.scroll footer { transition: opacity 2s cubic-bezier(0, 1, 0.16, 1); opacity: 0; background-color: rgba(0, 0, 0, 0.85); }

.scroll footer:hover { opacity: 1; }

.scroll footer a { color: lightblue; }

.scroll footer a:visited { color: #ba6fff; }

.scroll footer a:active { color: red; }

.options-container { transition: opacity 2s cubic-bezier(0, 1, 0.16, 1); opacity: 0; position: absolute; z-index: 10; right: 5em; top: 1.5em; }

.options-container:hover { opacity: 1; }

.options-container .now-playing { font-style: italic; }

.options-container .section { line-height: 1.5em; margin-bottom: 1em; }

.options-container .button { border-color: white; border-radius: 1em; color: white; font-size: 2em; min-width: 3em; padding-bottom: 0.25em; }

.options-container .button.paused { background-color: white; color: #3e3e3e; }

.main { min-height: 100%; position: relative; text-align: center; }

.main .title { margin: 0; padding: 0.83em; padding-bottom: 0em; }

.main .mtime { margin-top: 0.75em; }

.main footer { bottom: 0; padding-bottom: 0.2em; position: absolute; text-align: center; width: 100%; }

.scroll-container svg { position: absolute; bottom: 0; left: 0; width: 100%; }

.scroll-container text { dominant-baseline: middle; font: 0.1em/normal "MxPlus IBM BIOS-2y", AsciiTextFace; }

.background-preview img { max-height: 60em; max-width: 80%; }

.animation-preview video { max-height: 60em; max-width: 80%; }

.ascii-preview { max-width: 35em; margin-left: auto; margin-right: auto; }

.ascii-preview.x-large { max-width: 70em; }

.ascii-preview.large { max-width: 50em; }

.ascii-preview.small { max-width: 15em; }

.ascii-preview.x-small { max-width: 10em; }

.ascii-preview svg { width: 100%; }

.ascii-preview text { dominant-baseline: middle; font: 0.1em/normal "MxPlus IBM BIOS-2y", AsciiTextFace; }

.button-group { margin-top: 2em; padding-bottom: 3em; }

.button { display: inline-block; text-decoration: none; font-variant: all-small-caps; font-size: 3em; color: #3e3e3e; font-weight: bold; border: 0.1em #3e3e3e solid; padding-bottom: 0.15em; padding-right: 0.25em; padding-left: 0.25em; min-width: 150px; }

.button:hover { border-style: dashed; }

.catalog-container { max-width: max-content; margin-right: auto; margin-left: auto; }

.catalog { text-align: left; padding-bottom: 2em; }

.permalink { color: inherit; }

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