@font-face {
  font-family: 'KGHAPPYSolid';
  src:  local('KGHAPPYSolid'),
        url('../fonts/KGHAPPYSolid.ttf') format("truetype");
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src:  local('Poppins-SemiBold'),
        url('../fonts/Poppins-SemiBold.ttf') format("truetype");
}

@font-face {
  font-family: 'SFProText-Regular';
  src:  local('SFProText-Regular'),
        url('../fonts/SFProText-Regular.ttf') format("truetype");
}

@font-face {
  font-family: 'Poppins-Light';
  src:  local('Poppins-Light'),
        url('../fonts/Poppins-Light.ttf') format("truetype");
}

@font-face {
  font-family: 'Poppins-Regular';
  src:  local('Poppins-Regular'),
        url('../fonts/Poppins-Regular.ttf') format("truetype");
}

@font-face {
  font-family: 'Poppins-Bold';
  src:  local('Poppins-Bold'),
        url('../fonts/Poppins-Bold.ttf') format("truetype");
}

@font-face {
  font-family: 'Poppins-Medium';
  src:  local('Poppins-Medium'),
        url('../fonts/Poppins-Medium.ttf') format("truetype");
}

:root {
  /* ↓ Now (almost) all elements display a sans-serif font */
  font-family: 'Poppins-Regular', sans-serif;
}