html,
body {
    background-image: url('/static/img/backgroud.bmp');
    background-repeat: repeat;
    background-attachment: fixed;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

html::-webkit-scrollbar {
    display: none;
}

.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/img/splash.jpg');
    background-size: cover;
    background-position: center;
}

.required::after {
    content: "*";
    color: red;
}

.card-image {
    background-color: #eee;
}

.is-claimed {
    background-color: #faa;
}

.card h3 {
    margin-top: 0 !important;
}


.card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.filler {
    flex-grow: 1;
}

.card {
    height: 100%;
    display: flex;
    flex-direction: column;
}