:root {
  --brand: #21C1AD;
  --text: black;
  --lightgrey: #dfdfdf;
  --chip-bg: #f7f7f7;

  --headline-size: 3rem;
  --text-size: 1.1rem;
}


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

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


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

  

  .headline{
    font-size: 2.5rem;
    font-family: Inter Bold;
  }