/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



@font-face {
    font-family: 'raw';
    src: url('/fonts/raw_notice-webfont.woff2') format('woff2'),
         url('/fonts/raw_notice-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blastimo';
    src: url('/fonts/blastimo-webfont.woff2') format('woff2'),
         url('/fonts/blastimo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'engineer';
    src: url('/fonts/003_engineer_s_hand-webfont.woff2') format('woff2'),
         url('/fonts/003_engineer_s_hand-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'schizoid';
    src: url('/fonts/schizoid_personality-webfont.woff2') format('woff2'),
         url('/fonts/schizoid_personality-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'you_idiot';
    src: url('/fonts/you_idiot-webfont.woff2') format('woff2'),
         url('/fonts/you_idiot-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cute_notes';
    src: url('/fonts/cute_notes-webfont.woff2') format('woff2'),
         url('/fonts/cute_notes-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


h1 { 
  font-family: 'raw';
  font-size: 150%;
  text-align: center;
}

h2 {
  font-family: 'schizoid';
  font-size: 200%;
  text-align: center;
}

h3 {
  font-family: 'you_idiot';
  font-weight: 800;
  font-size: 200%;
  text-align: center;
}

h4 {
  font-family: 'cute_notes';
  text-align: center;
}

body {
  background-color: indianred;
  color: black;
  font-family: 'engineer';
}