:root {
  --background-color: #2e2e2e;
}

html, body {
  background-color: var(--background-color);
  margin: 0;
  padding: 0; /* you have to remove both padding and margin */
  min-width: 100%;
  min-height: 100%;
}
* {
  font-family: Oxygen, sans-serif; /* Oxygen > every other font ever */
  color: #fff;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, sans-serif;
}
div.nav {
  overflow: hidden;
  background-color: #000;
  margin: 0;
}
div.nav a {
  padding: 13px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  text-align: center;
  float: left;
  margin: 0;
}
div.nav a:hover {
  background-color: #fff;
  color: #000;
}
div.nav a.current /*this is very special dw about it; it also doesnt need a :hover bc its SPECIAL*/ {
  background-color: #4287f5;
  color: #000;
  margin: 0;
}

/* fine */
div.content-row {
  display: flex;
  flex-direction: row;
}
span.content-row {
  flex-grow: 1;
}
span.content-row .1 {
  order: 1;
  flex-grow: 1;
}
span.content-row .2 {
  order: 2;
  flex-grow: 1;
}
span.content-row .3 {
  order: 3;
  flex-grow: 1;
}

div.header {
  /*do i even need this?*/
  /* not the vender prefix */
  text-align: center;
  background-color: #000;
  padding: 15px;
}
div.header h1 {
  color: #fff;
  text-align: center;
}
div.header h3 {
  color: #fff;
  text-align: center;
}