@font-face {
  font-family: "Shadows Into Light";
  src: url('../fonts/Shadows_Into_Light/ShadowsIntoLight-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "Russo One";
  src: url('../fonts/Russo_One/RussoOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: "Permanent Marker";
  src: url('../fonts/Permanent_Marker/PermanentMarker-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


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


@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Neuton";
  src: url('../fonts/Neuton/Neuton-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}


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


@font-face {
  font-family: "Indie Flower";
  src: url('../fonts/Indie_Flower/IndieFlower-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}



@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url('../fonts/Inconsolata/static/Inconsolata-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



@font-face {
  font-family: "Dancing Script";
  src: url('../fonts/Dancing_Script/static/DancingScript-Regular,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Dancing Script";
  src: url('../fonts/Dancing_Script/static/DancingScript-Medium,wght.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Dancing Script";
  src: url('../fonts/Dancing_Script/static/DancingScript-SemiBold,wght.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Dancing Script";
  src: url('../fonts/Dancing_Script/static/DancingScript-Bold,wght.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



@font-face {
  font-family: "Caveat";
  src: url('../fonts/Caveat/static/Caveat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Caveat";
  src: url('../fonts/Caveat/static/Caveat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Caveat";
  src: url('../fonts/Caveat/static/Caveat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Caveat";
  src: url('../fonts/Caveat/static/Caveat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 700

.cabin-<uniquifier> {
  font-family: "Cabin", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Cabin";
  src: url('../fonts/Cabin/static/Cabin-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}




@font-face {
  font-family: "Bebas Neue";
  src: url('../fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}



@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('../fonts/Barlow_Condensed/BarlowCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}



@font-face {
  font-family: "Arsenal";
  src: url('../fonts/Arsenal/Arsenal-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Arsenal";
  src: url('../fonts/Arsenal/Arsenal-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Arsenal";
  src: url('../fonts/Arsenal/Arsenal-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Arsenal";
  src: url('../fonts/Arsenal/Arsenal-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}



.anton-regular {
  font-family: "Anton";
  src: url('../fonts/Anton/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}



.amatic-sc-regular {
  font-family: "Amatic SC";
  src: url('../fonts/Amatic_SC/AmaticSC-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
.amatic-sc-bold {
  font-family: "Amatic SC";
  src: url('../fonts/Amatic_SC/AmaticSC-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



.alata-regular {
  font-family: "Alata";
  src: url('../fonts/Alata/Alata-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}



.abril-fatface-regular {
  font-family: "Abril Fatface";
  src: url('../fonts/Abril_Fatface/AbrilFatface-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}