/* Light (300) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* Regular (400) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* Medium (500) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* SemiBold (600) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

/* Bold (700) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* ExtraBold (800) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

/* Black (900) */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

:root {
    --font-main: "Rubik", sans-serif;
}

/* @font-face { 
    font-family: 'TT Norms'; 
    src: url('../fonts/TTNorms-Regular.woff') format('woff'); 
    font-weight: 400; 
    font-style: normal; 
}

@font-face { 
    font-family: 'TT Norms'; 
    src: url('../fonts/TTNorms-Bold.woff') format('woff'); 
    font-weight: 700; 
    font-style: normal; 
}

@font-face { 
    font-family: 'TT Norms'; 
    src: url('../fonts/TTNorms-Light.woff') format('woff'); 
    font-weight: 300; 
    font-style: normal; 
}

@font-face { 
    font-family: 'TT Norms'; 
    src: url('../fonts/TTNorms-Italic.woff') format('woff'); 
    font-weight: 400; 
    font-style: italic; 
}

@font-face { 
    font-family: 'TT Norms'; 
    src: url('../fonts/TTNorms-Medium.woff') format('woff'); 
    font-weight: 500; 
    font-style: normal; 
} */