/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[1]!./apps/patrickeichler/src/styles.sass?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "Roboto Slab";
  src: url('RobotoSlab-VariableFontwght.07c14a5d96aab681.eot');
  src: url('RobotoSlab-VariableFontwght.07c14a5d96aab681.eot?#iefix') format("embedded-opentype"), url('RobotoSlab-VariableFontwght.56642467fcf7219d.woff2') format("woff2"), url('RobotoSlab-VariableFontwght.6cb74b405f8b19a2.woff') format("woff"), url('RobotoSlab-VariableFontwght.1512bbcfe2ef35cf.ttf') format("truetype"), url('RobotoSlab-VariableFontwght.15f1785ad1dab025.svg#Roboto%20Slab') format("svg");
}
@font-face {
  font-family: "Oxygen Mono";
  src: url('OxygenMono-Regular.4b610184eef5c920.eot');
  src: url('OxygenMono-Regular.4b610184eef5c920.eot?#iefix') format("embedded-opentype"), url('OxygenMono-Regular.bd461561558b8628.woff2') format("woff2"), url('OxygenMono-Regular.d301b13ee6ef8743.woff') format("woff"), url('OxygenMono-Regular.057eb9d46ec46d6c.ttf') format("truetype"), url('OxygenMono-Regular.e1ce11ec10594f6e.svg#Oxygen%20Mono') format("svg");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons-Regular.bb9406a7f20aa61d.eot');
  src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.bb9406a7f20aa61d.eot?#iefix') format("embedded-opentype"), url('MaterialIcons-Regular.59322316b3fd6063.woff2') format("woff2"), url('MaterialIcons-Regular.6351b9b892204227.woff') format("woff"), url('MaterialIcons-Regular.e9db3989146c4111.ttf') format("truetype"), url('MaterialIcons-Regular.654af423c9588216.svg#Material%20Icons') format("svg");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

:root {
  --primary-color: #F47475;
}

html {
  height: 100%;
}

body {
  margin: 0 auto;
  font-family: "Roboto Slab", "Helvetica Neue", Arial, sans-serif;
  background-color: white;
  height: 100%;
}

a {
  color: #F47475;
  text-decoration: none;
}

mat-card {
  font-family: "Roboto Slab", "Helvetica Neue", Arial, sans-serif;
}

div.code-block {
  background-color: #F3F3F3;
  font-family: "Oxygen Mono", monospace;
  padding: 10px;
  overflow: auto;
}

img.code-block {
  width: 100%;
  max-width: 700px;
}

img.max-width-400 {
  width: 100%;
  max-width: 400px;
}

img.max-width-500 {
  width: 100%;
  max-width: 400px;
}

img.max-width-600 {
  width: 100%;
  max-width: 600px;
}

img.max-width-1000 {
  width: 100%;
  max-width: 1000px;
}

img.max-width {
  width: 100%;
  justify-self: center;
}

div.header {
  display: flex;
  flex-direction: column;
}
div.header div.header-top {
  color: #F47475;
  font-size: 1.5rem;
}
div.header div.header-middle {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}
div.header div.header-bottom {
  font-size: 0.9rem;
  font-weight: bold;
  min-height: 2px;
}

div.input-section {
  opacity: 0.5;
  margin-bottom: 10px;
}

div.row {
  display: flex;
  flex-direction: row;
}

div.row-blog {
  display: flex;
  flex-direction: row;
}

div.column {
  display: flex;
  flex-direction: column;
}

div.margin-left-50 {
  margin-left: 50px;
}

div.margin-top-50 {
  margin-top: 50px;
}

div.margin-top-70 {
  margin-top: 70px;
}

div.margin-top-100 {
  margin-top: 100px;
}

div.centered {
  text-align: center;
}

div.vert-centered {
  align-items: center;
  justify-content: space-evenly;
}

img button {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

button, a.button {
  color: #F47475;
  width: 140px;
  border: 2px solid #F47475;
  margin-top: 20px;
}

button:hover {
  transform: scale(1.1);
}

@media (max-width: 630px) {
  img {
    margin-bottom: 10px;
  }
  div.row-blog {
    display: flex;
    flex-direction: column;
  }
  div.margin-left-50 {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
  div.code-block {
    font-size: 0.7rem;
  }
  div.row {
    display: flex;
    flex-direction: column;
  }
}

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