html, body {
    background-color:#000000;
}

body {
    max-width: 900px;
    margin: auto;
    color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 13pt;
    padding-left: 8px;
    padding-right: 8px;
}

body.wide {
    max-width: 1100px;
}

h1 {
    font-size: 48pt;
}

h2 {
    font-size: 20pt;
    padding-top: 30px;
    padding-bottom: 15px;
}

h3 {
    font-size: 20pt;
}

h2.phone-header {
    font-size:12pt;
}

h1, h2 {
    font-family: 'Press Start 2P';
}

strong {
    color: #edc700;
}

/* Shrink images to fit width if necessary */
img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.breadcrumb-a {
    font-family: 'Press Start 2P';
    font-size: smaller;
}

.caption {
    font-family: 'Press Start 2P';
}

a { 
    color: #4477ff; 
}

a:visited { 
    color: #cc00cc; 
}

a:hover { 
    color: #3399ff; 
}

footer {
    text-align: center;
    font-size: x-small;
}

.banner {
    width: 100%;
    background-color: gold;
    text-align: center;
    padding-bottom: 8px;
    color: black;
}

.console {
    font-family: 'Press Start 2P';
}

.desktop-journey-title {
    font-family: 'Copperplate','Copperplate Gothic','Copperplate Gothic Light','serif';
    color: #edc700;
}

span.desktop-journey-title {
    font-size: 24pt;
}

h2.desktop-journey-title {
    font-size: 30pt;
}

h3.desktop-journey-title {
    font-size: 26pt;
}

.app-cell-outer
{
    display: inline-block;
    flex-wrap: wrap;
    max-width: 100%;
    margin-bottom: 10px;
}

.app-cell {
    border-style: solid;
    border-width: 2px;
    border-radius: 25px;
    border-color: darkgray;
    padding: 20px;
    height: 100%;
}

.image-bullet {
    float:left;
}

.bullet-text {
    margin-left: 40px;
}

.screenshot-row {
    padding-top: 20px;
}

.screenshot {
    border-style:solid;
    border-color: #bbbbbb;
    border-width: 2px;
}

.screenshot-text {
    height: 568px;
    display:table-cell;
    vertical-align: middle;
}

.screenshot-text p {
    padding-top: 20px;
}

.comparison-row {
    background-color: #808080;
    padding: 20px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.emoji {
    font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
}

.emoji-large {
    font-size: x-large
}

.collapse {
    padding-bottom: 10px;
}

.faq-question {
    font-weight: bold;
}

.faq-emphasis {
    color: yellow;
    font-weight: bold;
}

.faq-attack {
    color: #ff6666;
    font-weight: bold;
}

.faq-magic {
    color: #3399ff;
    font-weight: bold;
}

.faq-block {
    color: #a0a0a0;
    font-weight: bold;
}

.faq-poison {
    color: #00ee00;
    font-weight: bold;
}

.rounded-border {
    border-style: solid;
    border-width: 2px;
    border-radius: 25px;
    border-color: darkgray;
    padding: 20px;
}

.