.MuiTypography-root {
    font-family: 'Visby CF', sans-serif !important;
}

@font-face {
    font-family: 'Visby CF';
    src: url('/assets/fonts/VisbyCF-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Visby CF';
    src: url('/assets/fonts/VisbyCF-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Visby CF';
    src: url('/assets/fonts/VisbyCF-Heavy.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    height: 100%;
}

h5, .MuiTypography-h5 {
    font-family: 'Visby CF', sans-serif !important;
    font-weight: 700 !important;
}

.visby-medium {
    font-family: 'Visby CF', sans-serif !important;
    font-weight: 500 !important;
}


body {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.input-number {
    appearance: textfield;
    -moz-appearance: textfield;
}

.input-number::-webkit-inner-spin-button,
.input-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.swal2-confirm {
    background-color: #022b72 !important;
}

.swal2-cancel {
    background-color: #ed1d24 !important;
}