/* Regular */
@font-face {
    font-family: 'Eina';
    src: url('/fonts/Eina01-Regular.ttf') format('ttf'), /* Compressed format for modern browsers */
         url('/fonts/Eina01-Regular.ttf') format('ttf'), /* Fallback for older browsers */
         url('/fonts/Eina01-Regular.ttf') format('truetype'); /* Last-resort fallback */
    font-weight: 400;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'Eina';
    src: url('/fonts/Eina01-Bold.ttf') format('ttf'),
         url('/fonts/Eina01-Bold.ttf') format('ttf'),
         url('/fonts/Eina01-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Italic */
@font-face {
    font-family: 'Eina';
    src: url('/fonts/Eina01-Italic.ttf') format('ttf'),
         url('/fonts/Eina01-LightItalic.ttf') format('ttf'),
         url('/fonts/Eina01-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Bold Italic */
@font-face {
    font-family: 'Eina';
    src: url('/fonts/Eina01-BoldItalic.ttf') format('ttf'),
         url('/fonts/Eina01-SemiboldItalic.ttf') format('ttf'),
         url('/fonts/Eina01-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Eina';
    src: url('/fonts/Eina01-Regular.ttf') format('ttf'),
}

*{
    font-family: 'Eina', sans-serif!important;
}
svg{
    color: white;
    width: 30px;
    height: 30px;
    fill: white;
}

/* Define keyframes for the animation */
@keyframes changeColorBg {
    0% {
        background-color: white;
        color: #23298A;
    }
    100% {
        background-color: #23298A;
        color: white;
    }
}

/* Apply the animation to all <a> tags */
nav a.btn {
    animation: changeColorBg 3s infinite; /* Adjust duration as needed */
    transition: background-color 0.5s, color 0.5s; /* Smooth transition */
}