@font-face {
  font-family: 'Playlist Script';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/Playlist-Script.otf)
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(../fonts/Raleway-Thin.ttf)
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(../fonts/Raleway-ExtraLight.ttf)
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../fonts/Raleway-Light.ttf)
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/Raleway-Regular.ttf)
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/Raleway-Medium.ttf)
}

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

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/Raleway-Bold.ttf)
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(../fonts/Raleway-ExtraBold.ttf)
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(../fonts/Raleway-Black.ttf)
}