@font-face {
  font-family: 'Basic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/basic/v18/xfu_0WLxV2_XKTNw6FQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3NQ6P12-iJxAIgLYT1PLs1Zd0nfUwAbeGVKoRYzNiCp1OUedn8_7XmTkiX.ttf) format('truetype');
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/literata/v40/or3PQ6P12-iJxAIgLa78DkrbXsDgk0oVDaDPYLanFLHpPf2TbBG_J_HWSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/spartan/v22/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrHbuV6JABE.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/spartan/v22/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrGFuV6JABE.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/spartan/v22/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrEFvl6JABE.ttf) format('truetype');
}