/* Reset CSS */ 
* {
  min-width: 0;
  font: inherit;
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
img, video, svg {
  display: block;
  height: auto;
  max-width: 100%;
}
body {
  margin: 0;
  min-height: 100dvh;
}
body, figure {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* End reset css */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root{
  --Font-Primary: "IBM Plex Mono", monospace;
  --Font-Thin: 100;
  --Font-ExtraLight: 200;
  --Font-Light: 300; 
  --Font-Regular: 400;
  --Font-Medium: 500;
  --Font-SemiBold: 600;
  --Font-Bold: 700;
  --Font-Normal: normal;
  --Font-Italic: italic;
}
h1{
  font-size: 2rem;
}
h2{
  font-size: 1.8rem;
}
h3{
  font-size: 1.6rem;
}
h4{
  font-size: 1.4rem;
}
p{
  font-size: 1rem;
}
:root {
  /* Main colors */
  --Blue-100: #E0FBFC;
  --Blue-300: #98C1D9;
  --Blue-500: #98C1D9;
  --Blue-700: #293241;
  --Red-500: #EE6C4D;

  /* Font colors */
  --Font-Primary-400: #F5EBE0;
  --Font-Primary-500: #EDEDE9;
  --Font-Primary-600: #E3D5CA;
  --Font-Primary-700: #D6CCC2;
  --Font-Primary-800: #D5BDAF;
}

html, 
body{
  margin: 0;
  padding: 0;
  background-color: var(--Font-Primary-500);
  color: var(--Blue-700);
  min-height: 100vh;
  font-family: var(--Font-Primary);
  font-weight 400;
  font-style: normal;
}
html {
  display: flex;
  flex-direction: column;
}

header{
  background-color: #013B4A;
  color: var(--Font-Primary-500);
  font-family: IBM Plex Mono
}
header .header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
header .header__container .header__column,
header .header__container .header__column .header__row-2,
header .header__container .header__column .header__row-2 .header__navigation {
  display: flex;
  align-items: stretch;
}
header a {
  color: var(--Font-Primary-500);
}
.main {
  padding-inline: 2rem;
  flex: 1;
}
.footer_container {
  background-color: #013B4A;
  position: relative;
  bottom: 0px;
  font-family: IBM Plex Mono;
  padding-block: 2em;
}
.footer_container ul li a.menu__link{
  color: var(--Font-Primary-500);
}