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

@font-face {
    font-family: 'BricolageGrotesque-Bold';
    font-style: bold;
    font-display: swap;
    src: url('fonts/BricolageGrotesque/BricolageGrotesque48pt-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'BricolageGrotesque-ExtraBold';
    font-style: bolder;
    font-display: swap;
    src: url('fonts/BricolageGrotesque/BricolageGrotesque48pt-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'BricolageGrotesque-Medium';
    font-style: medium;
    font-display: swap;
    src: url('fonts/BricolageGrotesque/BricolageGrotesque48pt-Medium.ttf') format('truetype');
}

.Montserrat-Font-Family-Variable {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.BricolageGrotesque-Font-Family-Bold {
    font-family: "BricolageGrotesque-Bold", Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
}

.BricolageGrotesque-Font-Family-ExtraBold {
    font-family: "BricolageGrotesque-ExtraBold", Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: bolder;
    font-style: normal;
}

.BricolageGrotesque-Font-Family-Medium {
    font-family: "BricolageGrotesque-Medium", Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}