@font-face {
    font-family: "Comfortaa";
    src: url("../assets/fonts/Comfortaa-VariableFont_wght.ttf") format("truetype")
}

@font-face {
    font-family: "Abril Fatface";
    src: url("../assets/fonts/AbrilFatface-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Din";
    src: url("../assets/fonts/DINRegular.ttf") format("truetype"),
        url("../assets/fonts/DINRegular.woff") format("woff")
}

@font-face {
    font-family: "Din Medium";
    src: url("../assets/fonts/DINMedium.ttf") format("truetype"),
        url("../assets/fonts/DINMedium.woff") format("woff")
}

@font-face {
    font-family: "Din Bold";
    src: url("../assets/fonts/DINBold.ttf") format("truetype"),
        url("../assets/fonts/DINBold.woff") format("woff")
}

@font-face {
    font-family: "Din Black Alternate";
    src: url("../assets/fonts/DINBlackAlternate.ttf") format("truetype")
}

.comfortaa {
    font-family: "Comfortaa", fantasy !important;
}

.abril {
    font-family: "Abril Fatface", fantasy !important;
}


@font-face {
    font-family: "Kalam";
    src: url("../assets/fonts/Kalam-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Send Flowers";
    src: url("../assets/fonts/SendFlowers-Regular.ttf") format("truetype"),
        url("../assets/fonts/SendFlowers-Regular.woff2") format("woff2"),
        url("../assets/fonts/SendFlowers-Regular.otf") format("otf")
}

@font-face {
    font-family: "Reenie Beanie";
    src: url("../assets/fonts/ReenieBeanie-Regular.ttf") format("truetype")
}

.kalam {
    font-family: "Kalam", "Reenie Beanie", cursive !important;
}

.sendFlowers {
    font-family: "Send Flowers", "Reenie Beanie", cursive !important;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("../assets/fonts/IBMPlexMono-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Source Code Pro";
    src: url("../assets/fonts/SourceCodePro-Regular.ttf") format("truetype"),
        url("../assets/fonts/SourceCodePro-Regular.ttf.woff2") format("woff2"),
        url("../assets/fonts/SourceCodePro-Regular.ttf.woff") format("woff"),
        url("../assets/fonts/SourceCodePro-Regular.otf") format("otf")
}

.ibmPlexMono {
    font-family: "IBM Plex Mono", monospace !important;
}

.sourceCodePro {
    font-family: "Source Code Pro", monospace !important;
}

@font-face {
    font-family: "Montserrat";
    src: url("../assets/fonts/Montserrat-Regular.ttf") format("truetype"),
        url("../assets/fonts/Montserrat-Regular.woff2") format("woff2"),
        url("../assets/fonts/Montserrat-Regular.woff") format("woff"),
        url("../assets/fonts/Montserrat-Regular.otf") format("otf")
}

@font-face {
    font-family: "Inter";
    src: url("../assets/fonts/Inter-Regular.otf") format("otf"),
        url("../assets/fonts/Inter-Regular.woff2") format("woff2"),
        url("../assets/fonts/Inter-Regular.woff") format("woff")
}

@font-face {
    font-family: "Raleway";
    src: url("../assets/fonts/Raleway-Regular.ttf") format("truetype"),
        url("../assets/fonts/Raleway-v4020-Regular.otf") format("otf")
}

.inter {
    font-family: "Inter", "Raleway", sans-serif !important;
}

.montserrat {
    font-family: "Montserrat", "Raleway", sans-serif !important;
}

@font-face {
    font-family: "Playfair Display";
    src: url("../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype")
}

@font-face {
    font-family: "Bodoni";
    src: url("../assets/fonts/BodoniModa24pt-Regular.ttf") format("trutype"),
        url("../assets/fonts/BodoniModa24pt-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "DM Serif Display";
    src: url("../assets/fonts/DMSerifDisplay-Regular.ttf") format("truetype")
}


.playfair {
    font-family: "Playfair Display", "DM Serif Display", serif !important;
}

.bodoni {
    font-family: "Bodoni", "DM Serif Display", serif !important;
}