img {
  max-width: 11em;
  height: auto;
  border-radius: 50%;
}
header {
  display: flex;
  align-items: center;
}

h1 { font-size: 1.8em; }
h2 { font-size: 0.8em; margin-bottom: 0; }
h3 { font-size: 0.7em; }
h4 { font-size: 0.6em; }
h5 { font-size: 0.6em; }
h6 { font-size: 1.17em; }
h7 { font-size: 1.17em; }
p { font-size: 0.6em; margin: 0.3em 0.5em; line-height: 1.1em; }
span { font-size: 0.7em }

@media print { body { max-width: 100em; } }
body { background: white; padding: 3em; max-width: 70em; }

* {
  font-family: 'Readex Pro', sans-serif;
  line-height: 1;
}
.little-card {
  background: #d3d3d3;
  padding: 0.4em;
  margin: 0.1em;
  border-radius: 0.5em;
  line-height: 0.5em;
  display: inline-block;
}
.little-card span {
  margin: 0;
}

.title { margin: 0 2em}
.title h1 { font-size: 2em; margin-bottom: 0; }
.title h4 { font-size: 0.8em; margin-top: 0.5em; }
.content { display: flex; }
.side { width: 11em; }
.side h2 { width: 15em; }
.side ul { list-style-type: none; padding: 0; margin-top: 0;}
.side li i { display: inline }
.side li p { display: inline }
.side .personal-details h3 { margin-bottom: 0; }
h5.date { text-align: end; margin: -1em 0 0.3em; }
.main { margin: 0 2em }
.main ul { padding: 0; margin-top: 0.1em;}
.main li { margin: 0 0 1em }
.main .card h4 { margin: 0 }
.main .card h3 { margin: 0 0 0.3em }
h3 { color: rgb(56, 153, 43)}
h1 { color: rgb(56, 153, 43)}
.card.education ul {
  list-style-type: none;
}
.card.languages ul {
  list-style-type: none;
}
.main .card.languages li { margin: 0.5em 0 }
/* .ball {
  display: inline-block;
  background: rgb(56, 153, 43);
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
} */