* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 400ms;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans.eot");
  src: url("./fonts/opensans.eot?#iefix") format("embedded-opentype"),
    url("./fonts/opensans.woff2") format("woff2"), url("./fonts/opensans.woff") format("woff"),
    url("./fonts/opensans.ttf") format("truetype"),
    url("./fonts/opensans.svg#open_sansregular") format("svg");
  /* font-weight: normal; */
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("./fonts/opensans-italic.eot");
  src: url("./fonts/opensans-italic.eot?#iefix") format("embedded-opentype"),
    url("./fonts/opensans-italic.woff2") format("woff2"),
    url("./fonts/opensans-italic.woff") format("woff"),
    url("./fonts/opensans-italic.ttf") format("truetype"),
    url("./fonts/opensans-italic.svg#open_sansitalic") format("svg");
  /* font-weight: normal; */
  font-style: italic;
}

@font-face {
  font-family: "audiowide";
  src: url("./fonts/audiowide.eot");
  src: url("./fonts/audiowide.eot?#iefix") format("embedded-opentype"),
    url("./fonts/audiowide.woff2") format("woff2"), url("./fonts/audiowide.woff") format("woff"),
    url("./fonts/audiowide.ttf") format("truetype"),
    url("./fonts/audiowide.svg#audiowideregular") format("svg");
  font-weight: normal;
  font-style: normal;
}