@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


.font-bold {
    font-weight: bold; /* Note: Use font-weight instead of font-style for bold */
}
.font-italic {
    font-style: italic;
}

.inter-100 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 100;
}

.inter-200 {
    font-family: "Inter",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 200;
}

.inter-300 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 400;
}

.inter-400 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 400;
}

.inter-500 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 500;
}

.inter-600 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 600;
}

.inter-700 {
    font-family: "Inter", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-optical-sizing: auto;
    font-weight: 700;
}