@font-face {
    font-family: NoaLight;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/NoaLTW04-light.woff") format("woff");
}

.backgroundImage {
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 27% 50%;
    background-attachment: fixed;
}

.contentCell {
    display: table-cell;
    vertical-align: middle;
}

.contentRow {
    display: table;
    width: 100%;
    height: 100%;
    font-size: 2em;
}

.contentWrapper {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1em;
    text-align: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.contentWrapper::-webkit-scrollbar {
    display: none;
}

.klmFont {
    font-family: NoaLight !important;
}

.primaryButton {
    border: 1px solid #e37222;
    background-color: #e37222;
    font-size: 1.5em;
    color: #ffffff;
}

.secondaryButton {
    border: 1px solid #00a1de;
    background-color: #00a1de;
    font-size: 1.5em;
    color: #ffffff;
}