/**
 * ---------------------------------------------------
 * 	1.  Base
 * ---------------------------------------------------
 */
/* --------------------- 1.1 Base --------------------- */
/**
 * 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;
}

/* --------------------- 1.2 Typography --------------------- */
body {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: 400;
}

h1 {
  font-size: 2rem;
  line-height: 2.25rem;
}

p {
  margin: 0.5rem 0;
}

a {
  color: #006296;
}

/**
 * ---------------------------------------------------
 * 	2.  Sections
 * ---------------------------------------------------
 */
/* --------------------- 2.1 Header --------------------- */
.header {
  align-items: center;
  background: #012639;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.header__logo {
  height: 2rem;
}
.header__lang {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.header__lang:hover {
  text-decoration: underline;
}

/* --------------------- 2.2 Main --------------------- */
body {
  background-color: #fff;
  color: #253237;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100dvh;
  margin: 0;
}

main {
  align-self: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 3rem 3rem 8rem;
  text-align: center;
}

@media screen and (max-width: 900px) {
  main {
    align-self: flex-start;
    padding: 3rem 3rem;
  }
}
/* --------------------- 2.3 Footer --------------------- */
.footer {
  align-items: center;
  background-color: #012639;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  height: 3.5rem;
  padding: 0 2rem;
}
.footer__powered {
  align-items: center;
  color: inherit;
  display: flex;
  text-decoration: none;
}
.footer__powered:hover {
  text-decoration: underline;
}
.footer__logo {
  height: 1.5rem;
  margin-left: 0.5rem;
  width: auto;
}

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