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

body {
    font-family: "Alkatra";
    background-color: #1C1C1C;
    color: #EEEEEE;
}

.navbar {
    background-color: #1C1C1C;
}

/* Tamaño de fuente responsivo para Bootstrap 5.3 */
@media (min-width: 576px) { /* sm */
    .fs-sm-1 { font-size: 2.5rem !important; }
    .fs-sm-2 { font-size: 2rem !important; }
    .fs-sm-3 { font-size: 1.75rem !important; }
    .fs-sm-4 { font-size: 1.5rem !important; }
    .fs-sm-5 { font-size: 1.25rem !important; }
    .fs-sm-6 { font-size: 1rem !important; }
}
@media (min-width: 768px) { /* md */
    .fs-md-1 { font-size: 2.5rem !important; }
    .fs-md-2 { font-size: 2rem !important; }
    .fs-md-3 { font-size: 1.75rem !important; }
    .fs-md-4 { font-size: 1.5rem !important; }
    .fs-md-5 { font-size: 1.25rem !important; }
    .fs-md-6 { font-size: 1rem !important; }
}
@media (min-width: 992px) { /* lg */
    .fs-lg-1 { font-size: 2.5rem !important; }
    .fs-lg-2 { font-size: 2rem !important; }
    .fs-lg-3 { font-size: 1.75rem !important; }
    .fs-lg-4 { font-size: 1.5rem !important; }
    .fs-lg-5 { font-size: 1.25rem !important; }
    .fs-lg-6 { font-size: 1rem !important; }
}
@media (min-width: 1200px) { /* xl */
    .fs-xl-1 { font-size: 2.5rem !important; }
    .fs-xl-2 { font-size: 2rem !important; }
    .fs-xl-3 { font-size: 1.75rem !important; }
    .fs-xl-4 { font-size: 1.5rem !important; }
    .fs-xl-5 { font-size: 1.25rem !important; }
    .fs-xl-6 { font-size: 1rem !important; }
}
@media (min-width: 1400px) { /* xxl */
    .fs-xxl-1 { font-size: 2.5rem !important; }
    .fs-xxl-2 { font-size: 2rem !important; }
    .fs-xxl-3 { font-size: 1.75rem !important; }
    .fs-xxl-4 { font-size: 1.5rem !important; }
    .fs-xxl-5 { font-size: 1.25rem !important; }
    .fs-xxl-6 { font-size: 1rem !important; }
}