@font-face {
  font-family: 'Frijole';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/frijole/v15/uU9PCBUR8oakM2BQ3xTR2g.ttf) format('truetype');
}
@font-face {
  font-family: 'Margarine';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/margarine/v27/qkBXXvoE6trLT9Y7YLyu455P.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-xw.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Rum Raisin';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rumraisin/v24/nwpRtKu3Ih8D5avB4h2uF3iCzw.ttf) format('truetype');
}
@font-face {
  font-family: 'Unkempt';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/unkempt/v22/2EbiL-Z2DFZue0DScTow5zK5rw.ttf) format('truetype');
}