:root {
    --lovelace: "Lovelace-Bold", sans-serif;
    --font-regular: "Roboto", sans-serif;
    --font-size-300: 18.75rem;
    --font-size-200: 12.5rem;
    --font-size-150: 9.375rem;
    --font-size-120: 7.5rem;
    --font-size-100: 6.25rem;
    --font-size-90: 5.625rem;
    --font-size-85: 5.313rem;
    --font-size-80: 5rem;
    --font-size-70: 4.375rem;
    --font-size-64: 4rem;
    --font-size-60: 3.75rem;
    --font-size-50: 3.125rem;
    --font-size-48: 3rem;
    --font-size-46: 2.875rem;
    --font-size-45: 2.813rem;
    --font-size-42: 2.625rem;
    --font-size-40: 2.5rem;
    --font-size-36: 2.25rem;
    --font-size-35: 2.188rem;
    --font-size-34: 2.125rem;
    --font-size-32: 2rem;
    --font-size-30: 1.875rem;
    --font-size-29: 1.8125rem;
    --font-size-28: 1.75rem;
    --font-size-27: 1.6875rem;
    --font-size-26: 1.625rem;
    --font-size-25: 1.6rem;
    --font-size-24: 1.5rem;
    --font-size-23: 1.4375rem;
    --font-size-22: 1.375rem;
    --font-size-21: 1.313rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-15: 0.9375rem;
    --font-size-14: 0.875rem;
    --font-size-13: 0.8125rem;
    --font-size-12: 0.75rem;
    --font-size-11: 0.6875rem;
    --font-size-10: 0.625rem;
    --font-size-8: 0.5rem;
}

@font-face {
    font-family: "Lovelace-Bold";
    src:
        url("../../fonts/Lovelace-Bold.eot"),
        url("../../fonts/Lovelace-Bold.woff") format("woff"),
        url("../../fonts/Lovelace-Bold.ttf") format("truetype"),
        url("../../fonts/Lovelace-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}