@font-face {
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/carlito/v4/3Jn_SDPw3m-pk039DDKxTl0F.ttf) format('truetype');
}
@font-face {
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/carlito/v4/3Jn6SDPw3m-pk039DDK59XgVUcBD.ttf) format('truetype');
}
@font-face {
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/carlito/v4/3Jn9SDPw3m-pk039DDeBSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/carlito/v4/3Jn4SDPw3m-pk039BIykWXolVg.ttf) format('truetype');
}
@font-face {
  font-family: 'Joan';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/joan/v12/ZXupe1oZsqWRXRBN9Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtHA_A.ttf) format('truetype');
}