@font-face {
  font-family: 'Alef';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/alef/v24/FeVfS0NQpLYgnjVRDw.ttf) format('truetype');
}
@font-face {
  font-family: 'B612 Mono';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/b612mono/v16/kmK5Zq85QVWbN1eW6lJV1T7fguU.ttf) format('truetype');
}
@font-face {
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/b612mono/v16/kmK_Zq85QVWbN1eW6lJV0A7Y.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrk5ANW6Cpw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_gPq_ROW9.ttf) format('truetype');
}
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/varelaround/v21/w8gdH283Tvk__Lua32TysjIfp8uK.ttf) format('truetype');
}