@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Regular.ttf") format("truetype"),
         url("CosmicaTrial-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Bold.ttf") format("truetype"),
         url("CosmicaTrial-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-BoldItalic.ttf") format("truetype"),
         url("CosmicaTrial-BoldItalic.otf") format("opentype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Italic.ttf") format("truetype"),
         url("CosmicaTrial-Italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Light.ttf") format("truetype"),
         url("CosmicaTrial-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-LightItalic.ttf") format("truetype"),
         url("CosmicaTrial-LightItalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Medium.ttf") format("truetype"),
         url("CosmicaTrial-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-MediumItalic.ttf") format("truetype"),
         url("CosmicaTrial-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Semibold.ttf") format("truetype"),
         url("CosmicaTrial-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-SemiboldItalic.ttf") format("truetype"),
         url("CosmicaTrial-SemiboldItalic.otf") format("opentype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Extrabold.ttf") format("truetype"),
         url("CosmicaTrial-Extrabold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-ExtraboldItalic.ttf") format("truetype"),
         url("CosmicaTrial-ExtraboldItalic.otf") format("opentype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-Heavy.ttf") format("truetype"),
         url("CosmicaTrial-Heavy.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Cosmica";
    src: url("CosmicaMonoTrial-HeavyItalic.ttf") format("truetype"),
         url("CosmicaTrial-HeavyItalic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}