.btn-primary {
    background-color: #b42828;
    border-color: #8c1f1f;
}

.btn-primary:focus, .btn-primary:hover {
    background-color: #8c1f1f;
    border-color: #8c1f1f;
}

.navbar {
    background-color: #b42828;
}

img.emoji {
    /* 1.2em to make them a little bit bigger */
    height: 1.2em;
    width: 1.2em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

th, td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* Blog images */
.blog-header-image {
    display: block;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
}

.blog-image-large {
    display: block;
    max-height: 480px;
    max-width: 100%;
}

.blog-image-medium {
    display: block;
    max-height: 320px;
    max-width: 100%;
}

.blog-image-small {
    display: block;
    max-height: 160px;
    max-width: 100%;
}

/* Blog */
blockquote {
    background: #f9f9f9;
    border-left: 3px solid #ccc;
    margin: 1em 10px;
    /* Top and bottom are different -- this is a hack to offset end of <p> */
    padding: 0.7em 10px 0.2em 10px;
    text-indent: 1em;
}

.crossword-compiler {
    margin-top: 20px;
    margin-bottom: 20px;
}

#xlv1-small-print {
    visibility: hidden;
}

#xlv1-status {
    visibility: hidden;
}

#xlv1-controls {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}