@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'CalistoMT';
    src: url("../fonts/CalistoMT-HCTq91g.woff2") format('woff2'),
         url("../fonts/CalistoMT-46XdhBy.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'CalistoMT';
    src: url("../fonts/CalistoMT-Italic-ha4T2if.woff2") format('woff2'),
         url("../fonts/CalistoMT-Italic-JdsG_2c.woff") format('woff');
    font-weight: normal;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'CalistoMT';
    src: url("../fonts/CalistoMT-BoldItalic-Vo6LvOy.woff2") format('woff2'),
         url("../fonts/CalistoMT-BoldItalic-tKASs3N.woff") format('woff');
    font-weight: bold;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'CalistoMT';
    src: url("../fonts/CalisMTBol-rf7rpKi.woff2") format('woff2'),
         url("../fonts/CalisMTBol-QgAKoSX.woff") format('woff');
    font-weight: bold;
    font-style: normal;
  }

  .open-sans-bold {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .CalistoMT-regular {
    font-family: 'CalistoMT';
  }

  .CalistoMT-bold {
    font-family: 'CalistoMT';
    font-weight: bold;
  }
  
  .CalistoMT-italic {
    font-family: 'CalistoMT';
    font-style: italic;
  }
  
  .CalistoMT-bold-italic {
    font-family: 'CalistoMT';
    font-weight: bold;
    font-style: italic;
  }

  body {
    background-color: skyblue;
}