body {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  background-color: white;
  color: black;
}

.left-column {
  background-color: #f4f4f4;
  padding: 10pt;
  border-radius: 20pt;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.right-column {
  padding-top: 20pt;
  padding-left: 20pt;
  flex: 1;
}

.name {
  font-size: xx-large;
}

.pronunciation {
  font-size: small;
  color: dimgray;
}

.location {
  margin-top: 7pt;
}

.urls {
  margin-top: 25pt;
  display: flex;
  flex-direction: column;
}

.url {
  display: flex;
  padding: 2pt;
}

.url-content {
  flex: 1;
  text-align: center;
  padding-left: 8pt;
}

.octicon {
  width: 12pt;
  height: 12pt;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}

.education {
  margin-top: 15pt;
  display: flex;
  flex-direction: column;
}

.education-entry {
  margin-top: 10pt;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.school {
  color: dimgray;
}

.technology-table {
  width: 100%;
  margin-top: 25pt;
}

.technology-table td {
  width: 50%;
  padding-left: 3pt;
  padding-right: 3pt;
}

.technology-table td:first-of-type {
  text-align: right;
  width: 50%;
}

.technology-table td:nth-of-type(2) {
  color: dimgray;
  font-style: italic;
}

.summary {
  font-size: x-large;
  font-style: italic;
  margin-bottom: 20pt;
}

.experience-entry {
  margin-bottom: 20pt;
}

.company {
  font-size: large;
}

.experience-notes {
  margin-top: 3pt;
}

li {
  padding-bottom: 5pt;
}

li li {
  padding-top: 3pt;
  padding-bottom: 0pt;
}

.technology {
  color: dimgray;
}