@font-face {
    font-family: 'Eurostile';
    src: url('fonts/Eurostile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Tahoma, Arial, sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(
        rgba(30, 30, 45, 0.97),
        rgba(30, 30, 45, 0.97)
    ), url('/assets/background.webp');
}

.wrapper {
    height: 100vh;
}

.navbar {
    background-color: #eaeaea;
    border-bottom: 6px solid #f4af00;
    transition: all 0.3s ease;
}

.navbar-brand {
    display: flex;
    justify-content: center;
    width: 100%;
}

.navbar-logo {
    height: 60px;
    transition: height 0.3s ease;
}

.navbar.scrolled .navbar-logo {
    height: 40px;
}

.title {
    font-family: 'Eurostile', sans-serif;

    ~ span {
        font-size: 13px;    
    }
}

small {
    font-size: 11px;
}

.options-container {
    margin-top: 120px;
}

.option-card {
    height: 25rem;
    border: 0;
}

.option-card:hover {
    cursor: pointer;
    border: 3px solid white;
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-img-overlay {
    background-color: rgba(244, 175, 0, 0.9);
}

label.required:after {
    content: "*";
    color: rgb(219, 37, 39);
}

.btn-primary {
    background-color: #f4af00 !important;
    border: 0;
    padding: 10px 20px;
}


.btn-primary:hover {
    background-color: #e9c66d;
}


.btn-secondary {
    background-color: #E1E3EA;
    color: #3f4254;
    border: 0;
    padding: 10px 20px;
}

.btn-secondary:hover {
    background-color: #b5b5c3;
    color: #3f4254;
}

@media (max-width: 768px) {
    .navbar-logo {
        height: 60px;
    }

    .options-container {
        margin-top: 80px;
    }

    .option-card {
        height: 12rem;
    }
}