-
{ -webkit-box-sizing: padding; }
body {
font: 25px/1.5em "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #2c3e50; background: white; margin: 0; min-height: 100vh; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: flex; }
header {
padding: 0 50px; background: #2c3e50; color: white; } header h1 { font-size: 1.5em; }
main {
padding: 1em; margin-bottom: 1.5em; position: relative; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
footer {
text-align: center; position: fixed; bottom: 0; left: 0; right: 0; background: #2c3e50; color: #95a5a6; line-height: 1.5em; display: -webkit-box; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
a {
color: inherit; text-decoration: none; }
.cell-button {
flex: 0 0 3em; height: 1.5em; background: #34495e; } .cell-button a { display: block; height: 100%; }
.cell-center {
-webkit-box-flex: 1; flex: 1; height: 1.5em; margin: 0; } .cell-center p { margin: 0; }
.large {
font-size: 3em; }
.line-numbers {
margin-right: 10px; opacity: 0.4; }
.nolinenos .line-numbers {
display: none; }
.full {
top: 0; left: 0; bottom: 0; right: 0; position: absolute; }
.center {
display: flex; align-items: center; justify-content: center; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; }
.hidden {
opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.visible {
opacity: 1; }
pre {
max-width: 100vw; word-wrap: break-word; }