body,
h1,
h2,
h3,
h4,
h5,
p,
div,
span,
li,
label,
input[type='text'],
input[type='number'],
select,
option {
    font-family: "New Rocker", "Germania One", cursive, sans-serif;
}

.hero.has-background {
    position: relative;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

/* .hero-background.is-transparent {
    opacity: 0.5;
} */

.sorting-header-image {
    background-image: url("../images/great-hall.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.manage-header-image {
    background-image: url("../images/great-hall-2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.login-header-image {
    background-image: url("../images/hogwarts-express-platform.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

#videoBG {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}