/* Webfont: UrlaubGrotesk-Regular */
@import "./fonts/Sporting-Grotesque-main/webfonts/font.css";
@font-face {
  font-family: "UrlaubGrotesk";
  src: url("./fonts/Urlaub-Grotesk-Regular.woff") format("woff"), url("./fonts/Urlaub-Grotesk-Regular.woff2") format("woff2"), url("./fonts/Urlaub-Grotesk-Regular.otf") format("opentype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* include fonts */
@font-face {
  font-family: "tex gyre heros";
  src: url("./fonts/texgyreheros-bold-webfont.eot");
  src: url("./fonts/texgyreheros-bold-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/texgyreheros-bold-webfont.woff2") format("woff2"), url("./fonts/texgyreheros-bold-webfont.woff") format("woff"), url("./fonts/texgyreheros-bold-webfont.ttf") format("truetype"), url("./fonts/texgyreheros-bold-webfont.svg#tex_gyre_herosbold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "tex gyre heros";
  src: url("./fonts/texgyreheros-bolditalic-webfont.eot");
  src: url("./fonts/texgyreheros-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/texgyreheros-bolditalic-webfont.woff2") format("woff2"), url("./fonts/texgyreheros-bolditalic-webfont.woff") format("woff"), url("./fonts/texgyreheros-bolditalic-webfont.ttf") format("truetype"), url("./fonts/texgyreheros-bolditalic-webfont.svg#tex_gyre_herosbold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "tex gyre heros";
  src: url("./fonts/texgyreheros-italic-webfont.eot");
  src: url("./fonts/texgyreheros-italic-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/texgyreheros-italic-webfont.woff2") format("woff2"), url("./fonts/texgyreheros-italic-webfont.woff") format("woff"), url("./fonts/texgyreheros-italic-webfont.ttf") format("truetype"), url("./fonts/texgyreheros-italic-webfont.svg#tex_gyre_herositalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "tex gyre heros";
  src: url("./fonts/texgyreheros-regular-webfont.eot");
  src: url("./fonts/texgyreheros-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/texgyreheros-regular-webfont.woff2") format("woff2"), url("./fonts/texgyreheros-regular-webfont.woff") format("woff"), url("./fonts/texgyreheros-regular-webfont.ttf") format("truetype"), url("./fonts/texgyreheros-regular-webfont.svg#tex_gyre_herosregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Popora";
  src: url("./font/Porpora/Porpora-Regular.woff2") format("woff2"), url("./font/Porpora/Porpora-Regular.woff") format("woff");
}
html {
  padding: 1em;
}
html main {
  margin: 0;
  font-family: "UrlaubGrotesk", serif;
}
html main section > div {
  margin: 3.5em 1em;
}
html main section > div a {
  color: #ff3c00;
}
html main section > div a:hover {
  color: #ca3300;
}
html main section > div a p {
  font-size: 4em;
  line-height: 1em;
  margin: 0;
}
html main section > div a p span {
  font-size: 0.5em;
}
html main section > div.text {
  max-width: 720px;
}

/*# sourceMappingURL=styles.css.map */