@font-face {
  font-family: 'Barrio';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barrio/v20/wEO8EBXBk8hBIDi0cgwl.ttf) format('truetype');
}
@font-face {
  font-family: 'Dokdo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dokdo/v23/esDf315XNuCBLyLv6tI.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnPKreRhf_.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9E4kDNxMZdWfMOD5Vvl4jO.ttf) format('truetype');
}
@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/sofiasans/v20/Yq6E-LCVXSLy9uPBwlAThu1SY8Cx8rlT69D6sJ3qpPY.ttf) format('truetype');
}
@font-face {
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/sofiasans/v20/Yq6E-LCVXSLy9uPBwlAThu1SY8Cx8rlT69AksJ3qpPY.ttf) format('truetype');
}