@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#open_sansregular") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#open_sansregular") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "OpenSans-Semibold";
  src: url("../fonts/OpenSans-Semibold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.woff") format("woff"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/OpenSans-Semibold.svg#open_sansregular") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Plex-Mono";
  src: url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
/*
@include respond(tablet) {
		padding: 0px 20px 0 20px;
		flex-direction: column;
		// responsive code for tablet viewport i.e. 600px
	}

*/
/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  height: 100%;
  margin: 0 !important;
  padding: 15px !important;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-size: 100%;
  font-family: "Plex-Mono";
  line-height: 145%;
  overflow: auto;
}
@media only screen and (max-width: 1200px) {
  body {
    font-size: 140%;
  }
}

@media only screen and (max-width: 1200px) {
  div, p {
    line-height: 125%;
    font-size: 120%;
  }
}

h2 {
  line-height: 140%;
  font-size: 140%;
}

.description {
  font-size: 70%;
  color: #999;
}
@media only screen and (max-width: 1200px) {
  .description {
    font-size: 100%;
  }
}

#branding--logo {
  width: 125px;
  clip-path: circle(45% at center);
  background: white;
}

a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-size: 100%;
  color: rgb(0, 114, 145);
}

* {
  max-width: 100vw;
  box-sizing: border-box;
}

.layout-content {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.layout-content img {
  max-width: 100%;
}

#lines {
  display: none;
}

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