@import 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css';

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

body, html {
    font-family: 'Aleksei', sans-serif !important;
}

html {
    font-size: 18px; /* Increase from default 16px to 18px */
}

.font-aleksei {
    font-family: 'Aleksei', sans-serif !important;
}

.text-sm {
    font-size: 0.875rem; /* 14px */
}

.text-base {
    font-size: 1rem; /* 16px */
}

.text-lg {
    font-size: 1.125rem; /* 18px */
}

.text-xl {
    font-size: 1.25rem; /* 20px */
}

.text-2xl {
    font-size: 1.5rem; /* 24px */
}

.text-3xl {
    font-size: 1.875rem; /* 30px */
}

/* Rest of the file content remains unchanged */