@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Regular.woff2') format('woff2'),
         url('../fonts/Arimo-Regular.woff') format('woff'),
         url('../fonts/Arimo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Bold.woff2') format('woff2'),
         url('../fonts/Arimo-Bold.woff') format('woff'),
         url('../fonts/Arimo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: Arimo, sans-serif; /* Fallback to sans-serif in case Arimo is unavailable */
}

.h1, h1, .h2, h2 {
    color: #c11414;
    font-weight: bold;
}

.login-block {
    width: 30%;
}

.register-block {
    width: 30%;
}

.main-form {
    width: 80%;
}

/* Sticky header styles */
thead th {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
}

.steps p {
    margin-top: 0;
    margin-bottom: 0;
}