@font-face {
    font-family: Nunito;
    src: url(fonts/Nunito-Light.ttf);
}

@font-face {
    font-family: Inconsolata;
    src: url(fonts/Inconsolata-Regular.ttf);
}

* {
    font-family: Nunito;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    width: 100%;
    background-color: var(--onx-blue-dark);
    color: var(--onx-white);
}

:root {
    --onx-white: white;
    --onx-blue-dark: #181a26;
    --onx-blue-black: #000620;
    --onx-cyan: var(--bs-cyan);
    --onx-gray: #545456;
    --onx-red: var(--bs-danger);
    --onx-green: var(--bs-green);
    --onx-yellow: var(--bs-warning);
    --onx-orange: #b33900;
}


.modal-content {
    background-color: var(--onx-blue-dark) !important;
    color: var(--onx-white) !important;
    border-radius: 1rem !important;
    border: 1px solid var(--onx-gray) !important;
}

.modal {
    border-color: var(--onx-white);
}

.btn-close {
    background-color: var(--bs-secondary);
}