@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend/Lexend-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend/Lexend-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend/Lexend-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend/Lexend-Bold.ttf') format('truetype');
  font-weight: 700;
}

.font-lexend-regular-400 {
  font-family: 'Lexend';
  font-weight: 400;
}

.font-lexend-medium-500 {
  font-family: 'Lexend';
  font-weight: 500;
}

.font-lexend-semibold-600 {
  font-family: 'Lexend';
  font-weight: 600;
}

.font-lexend-bold-700 {
  font-family: 'Lexend';
  font-weight: 700;
}