@font-face {
    font-family: 'Codec';
    src: url('../fonts/subset-CodecColdTrial-Regular.woff2') format('woff2'),
        url('subset-CodecColdTrial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec';
    src: url('../fonts/subset-CodecColdTrial-Bold.woff2') format('woff2'),
        url('../fonts/subset-CodecColdTrial-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mikea';
    src: url('../fonts/subset-MikeaDemo-Regular.woff2') format('woff2'),
        url('../fonts/subset-MikeaDemo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    /* Fonts */
    --title-font:"Mikea", sans-serif;
    --text-font:"Codec", sans-serif;
}
:root{
    /* Font Sizes */
    --of-font-400: clamp(17.0769rem, 12.786rem + 14.307vw, 25.0000rem);
    --of-font-300: clamp(12.8364rem, 9.633rem + 10.678vw, 18.7500rem);
    --of-font-250: clamp(10.7161rem, 8.057rem + 8.864vw, 15.6250rem);
    --of-font-200: clamp(8.5959rem, 6.481rem + 7.050vw, 12.5000rem);
    --of-font-175: clamp(7.5358rem, 5.693rem + 6.143vw, 10.9375rem);
    --of-font-150: clamp(6.4756rem, 4.905rem + 5.235vw, 9.3750rem);
    --of-font-125: clamp(5.4155rem, 4.117rem + 4.328vw, 7.8125rem);
    --of-font-100: clamp(4.125rem, 2.974rem + 3.837vw, 6.25rem);
    --of-font-96: clamp(4.0625rem, 3.013rem + 3.499vw, 6rem);
    --of-font-92: clamp(3.9375rem, 2.956rem + 3.273vw, 5.75rem);
    --of-font-88: clamp(3.75rem, 2.802rem + 3.16vw, 5.5rem);
    --of-font-84: clamp(3.6875rem, 2.841rem + 2.822vw, 5.25rem);
    --of-font-80: clamp(3.625rem, 2.88rem + 2.483vw, 5rem);
    --of-font-78: clamp(3.5625rem, 2.851rem + 2.37vw, 4.875rem);
    --of-font-76: clamp(3.5rem, 2.823rem + 2.257vw, 4.75rem);
    --of-font-74: clamp(3.375rem, 2.698rem + 2.257vw, 4.625rem);
    --of-font-72: clamp(3.25rem, 2.573rem + 2.257vw, 4.5rem);
    --of-font-70: clamp(3.125rem, 2.448rem + 2.257vw, 4.375rem);
    --of-font-68: clamp(3rem, 2.323rem + 2.257vw, 4.25rem);
    --of-font-66: clamp(2.9375rem, 2.294rem + 2.144vw, 4.125rem);
    --of-font-64: clamp(2.875rem, 2.266rem + 2.032vw, 4rem);
    --of-font-62: clamp(2.8125rem, 2.237rem + 1.919vw, 3.875rem);
    --of-font-60: clamp(2.75rem, 2.208rem + 1.806vw, 3.75rem);
    --of-font-58: clamp(2.625rem, 2.083rem + 1.806vw, 3.625rem);
    --of-font-56: clamp(2.5rem, 1.958rem + 1.806vw, 3.5rem);
    --of-font-54: clamp(2.375rem, 1.833rem + 1.806vw, 3.375rem);
    --of-font-52: clamp(2.3125rem, 1.805rem + 1.693vw, 3.25rem);
    --of-font-50: clamp(2.25rem, 1.776rem + 1.58vw, 3.125rem);
    --of-font-48: clamp(2.1875rem, 1.747rem + 1.467vw, 3rem);
    --of-font-46: clamp(2.0625rem, 1.622rem + 1.467vw, 2.875rem);
    --of-font-44: clamp(1.9375rem, 1.497rem + 1.467vw, 2.75rem);
    --of-font-42: clamp(1.875rem, 1.469rem + 1.354vw, 2.625rem);
    --of-font-40: clamp(1.8125rem, 1.44rem + 1.242vw, 2.5rem);
    --of-font-38: clamp(1.6875rem, 1.315rem + 1.242vw, 2.375rem);
    --of-font-36: clamp(1.5625rem, 1.19rem + 1.242vw, 2.25rem);
    --of-font-34: clamp(1.5rem, 1.161rem + 1.129vw, 2.125rem);
    --of-font-32: clamp(1.375rem, 1.036rem + 1.129vw, 2rem);
    --of-font-30: clamp(1.25rem, 0.911rem + 1.129vw, 1.875rem);
    --of-font-28: clamp(1.1875rem, 0.883rem + 1.016vw, 1.75rem);
    --of-font-26: clamp(1.125rem, 0.854rem + 0.903vw, 1.625rem);
    --of-font-24: clamp(1.0625rem, 0.825rem + 0.79vw, 1.5rem);
    --of-font-22: clamp(1rem, 0.797rem + 0.677vw, 1.375rem);
    --of-font-20: clamp(1rem, 0.865rem + 0.451vw, 1.25rem);
    --of-font-18: clamp(0.9375rem, 0.836rem + 0.339vw, 1.125rem);
    --of-font-16: clamp(0.875rem, 0.807rem + 0.226vw, 1rem);
    --of-font-14: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
}