:root {
    --body-font: "Nunito", sans-serif;
    --normal-font-size: 1rem;
    --body-background-color: #010619;
    --bs-font-monospace: "DroidSansMono";
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('self/poppins-semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('self/nunito-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('self/nunito-semibold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('self/nunito-bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansMono';
    src: url('self/droid-sans-mono-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

body {
    background-color: var(--body-background-color);
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
}

.footer-logo {
    opacity: 0.4;
    width: 100px;
    padding: 1em;
}

.container {
    max-width: 960px;
}

/* override container */
@media (min-width: 1400px) {
    .container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 960px !important;
    }
}

#banner {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

footer {
    user-select: none;
}

footer a:link, footer a:visited, footer a:active {
    color: #6c757d;
}

.legal a:link, .legal a:visited, .legal a:active {
    color: #6c757d;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.form-signin .reset {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}