:root {
    --accent: #ed1c24;
    --white: #ffffff;
}

a {
    color: inherit;
    text-decoration: none;
}

body {
    background-image: url('/data/background.png');
    background-size: cover;      /* Cover the entire page */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat;/* Do not repeat the image */
    background-attachment: fixed;/* Keep the background image fixed during scrolling */
}

.disclaimer-text {
    font-size: 12px;
}

.form-control:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 0.2rem var(--accent);
    outline: none;
}

.logo-round {
    height: 128px;
    width: 128px;
    object-fit: cover;
}

.main-btn {
    background-color: var(--accent);
    border: none;
    color: var(--white);
}

.main-btn:hover {
    background-color: var(--accent);
    color: var(--white);
}

.main-btn .bi-arrow-right {
    transition: transform 0.25s ease;
}

.main-btn:hover .bi-arrow-right {
    transform: translateX(8px);
}

.main-card {
    width: 100%;
    max-width: 768px;
    border-radius: 1rem;
    border: none;
}

.text-accent {
    color: var(--accent) !important;
}