:root {
  --color-black: #000000;
  --color-white: #ffffff;

  --color-background: var(--color-white);
  --color-text: var(--color-black);
}

html, body {
  background: var(--color-black);
  color: var(--color-text);

  margin: 0;
  padding: 0;

  font-family: monospace;
  font-size: 10px;
}

* {
  box-sizing: border-box;
}

main {
  background: var(--color-background);

  margin: auto;

  padding: 40px;

  height: 1056px;
  width: 816px;
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 12px;
}

h4 {
  font-size: 10px;
}

h5, .experience_location {
  font-size: 8px;
}

.contact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

p {
  margin: 0;
}

a, a:link, a:visited {
  color: var(--color-text);

  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.experience {
  margin: 1rem 0;
}

ul {
  display: flex;
  flex-wrap: wrap;

  padding: 10px;
  margin: 0;
}

ul li {
  margin: 0 10px;
  list-style: none;
}