body {
    min-height: 95vh;
    overflow-x: hidden;
    background-color: #292929;
    /*#F8F8F6, #6B9B8A, #000000*/
}

.card {
    background-color: lightgray;
    /* color: white; */
    border: 1px solid #ffffff;
}

.card-header {
    background-color: #616161;
    color: #ffffff;
}

.list-group-item {
    background-color: lightgray;
    /* color: white; */
}

.fill-white {
    fill: white;
}

.bg {
    height: 50%;
    /* Center and scale the image nicely */
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-norepeat {
    background-repeat: no-repeat;
}

.bg-bottom {
    background-position: center bottom !important;
}

.bg-barney {
    /* The image used */
    background-image: url("/images/drawing-lighthouse-dark-1-transparent.png");
}

.bg-whale {
    /* The image used */
    background-image: url("/images/whale-doodle.png");
    background-size: 33%;
}

.bg-crab {
    /* The image used */
    background-image: url("/images/crab-doodle.png");
    background-size: 33%;
}

.bg-crab-inverted {
    /* The image used */
    background-image: url("/images/crab-doodle-inverted.png");
    background-size: 33%;
}

.bg-sinking-ship {
    /* The image used */
    background-image: url("/images/sinking-ship.jpg");
    background-size: 33%;
}

.external-link-indicator {
    font-size: .8em;
    vertical-align: super;
}