@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Righteous&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap");

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

@font-face {
  font-family: "Arial Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Regular"), url("/fonts/arial/ARIAL.woff") format("woff");
}

@font-face {
  font-family: "Arial Narrow";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Narrow"), url("/fonts/arial/ARIALN.woff") format("woff");
}

@font-face {
  font-family: "Arial Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Italic"), url("/fonts/arial/ARIALI 1.woff") format("woff");
}

@font-face {
  font-family: "Arial Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Italic"), url("/fonts/arial/ARIALI.woff") format("woff");
}

@font-face {
  font-family: "Arial Narrow Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Narrow Italic"),
    url("/fonts/arial/ARIALNI.woff") format("woff");
}

@font-face {
  font-family: "Arial Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Medium"), url("/fonts/arial/ArialMdm.woff") format("woff");
}

@font-face {
  font-family: "Arial Medium Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Medium Italic"),
    url("/fonts/arial/ArialMdmItl.woff") format("woff");
}

@font-face {
  font-family: "Arial Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Bold"), url("/fonts/arial/ARIALBD 1.woff") format("woff");
}

@font-face {
  font-family: "Arial Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Bold"), url("/fonts/arial/ARIALBD.woff") format("woff");
}

@font-face {
  font-family: "Arial Narrow Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Narrow Bold"),
    url("/fonts/arial/ARIALNB.woff") format("woff");
}

@font-face {
  font-family: "Arial Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Bold Italic"),
    url("/fonts/arial/ARIALBI 1.woff") format("woff");
}

@font-face {
  font-family: "Arial Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Bold Italic"),
    url("/fonts/arial/ARIALBI.woff") format("woff");
}

@font-face {
  font-family: "Arial Narrow Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Narrow Bold Italic"),
    url("/fonts/arial/ARIALNBI.woff") format("woff");
}

@font-face {
  font-family: "Arial Black";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Black"), url("/fonts/arial/ARIBLK.woff") format("woff");
}

@font-face {
  font-family: "Arial Black Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Black Italic"),
    url("/fonts/arial/ARIALBLACKITALIC.woff") format("woff");
}

@font-face {
  font-family: "Arial Light Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Light Regular"),
    url("/fonts/arial/ARIALLGT.woff") format("woff");
}

@font-face {
  font-family: "Arial CE Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Arial CE Regular"),
    url("/fonts/arial/ArialCE.woff") format("woff");
}

@font-face {
  font-family: "Arial CE MT Black Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Arial CE MT Black Regular"),
    url("/fonts/arial/ArialCEMTBlack.woff") format("woff");
}

@font-face {
  font-family: "Arial CE Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Arial CE Bold"),
    url("/fonts/arial/arialceb.woff") format("woff");
}

@font-face {
  font-family: "Arial Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial Light Italic"),
    url("/fonts/arial/ARIALLGTITL.woff") format("woff");
}

@font-face {
  font-family: "Arial CE Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial CE Italic"),
    url("/fonts/arial/ArialCEItalic.woff") format("woff");
}

@font-face {
  font-family: "Arial CE Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Arial CE Bold Italic"),
    url("/fonts/arial/ArialCEBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-ExtraBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'specialchars';
  src: url('/fonts/Raleway/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+2022;
}

@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/Comfortaa/Comfortaa-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/Comfortaa/Comfortaa-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Comfortaa';
  src: url('/fonts/Comfortaa/Comfortaa-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}