/* Text Size and Style */

@font-face {
    font-family: "munken-sans";
    src:
      url("../fonts/munken-sans/MunkenSansWeb-Regular.woff2") format("woff2"),
      url("../fonts/munken-sans/MunkenSansWeb-Regular.woff") format("woff");
    font-display: swap;
    font-weight: 400;
  }
  
  @font-face {
    font-family: "munken-sans";
    src:
      url("../fonts/munken-sans/MunkenSansWeb-Medium.woff2") format("woff2"),
      url("../fonts/munken-sans/MunkenSansWeb-Medium.woff") format("woff");
    font-display: swap;
    font-weight: 500;
  }
  
  @font-face {
    font-family: "munken-sans";
    src:
      url("../fonts/munken-sans/MunkenSansWeb-Bold.woff2") format("woff2"),
      url("../fonts/munken-sans/MunkenSansWeb-Bold.woff") format("woff");
    font-display: swap;
    font-weight: 600;
  }
  
  :root {
    --sl-font-system: "munken-sans", ui-sans-serif, system-ui, -apple-system,
      BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  }

  body{
    color:#EDEDED;
    background-color: #323643;
  }
  
  .co-op{
    color: #ffd43b;
  }

  .standout{
    color:#F9C3D7;
  }

  .standout-two{
    color: #dad5ec;
  }

  .standout-three{
    color:#A7D1F6;
  }

    .copyright{
    font-size: 0.5em;
  }

main{
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

h1, h2{
  font-family:  "munken-sans";
}

p {
  font-family:  "munken-sans";
  font-weight: 500;
  font-size: 2em;
  line-height: 1.5em;
  margin: 1em;
 
}
a {
  text-decoration: underline;
  text-decoration-thickness: 2px; 
  color:#DAD5EC;
}

a:hover {
  color:#DAD5EC;
  text-decoration: underline;
  text-decoration-thickness: 5px; 

}

@media screen and (max-width: 1000px) {

  p {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 1em;

  }

}

@media screen and (max-width: 500px) {

  p {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 1em;

  }

}