address {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: .4125cm;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: -.25em;
}
body {
  margin: 0;
}
h1 {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: .6cm;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: -.25em;
}
h2 {
  color: rgba(0, 0, 0, .5);
  font-family: 'Roboto', sans-serif;
  font-size: .45cm;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: -.25em;
}
h3 {
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: .45cm;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: calc(.45cm - .25em);
}
h3 > span {
  font-size: .4125cm;
}
h3 > span::before {
  content: '– ';
}
h3 > span > a {
  color: rgb(0, 123, 198);
  text-decoration: none;
}
header {
  background-color: rgb(0, 139, 223);
  background-image: url('./assets/search.svg');
  background-position: .6cm center;
  background-repeat: no-repeat;
  background-size: .6cm;
  color: #fff;
  display: grid;
  padding: .45cm .6cm .45cm 1.8cm;
}
img {
  border-radius: 50%;
  height: 1.65cm;
}
main {
  align-content: start;
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  padding: 1cm 1cm 0;
}
p {
  color: rgba(0, 0, 0, .6);
  font-family: 'Roboto', sans-serif;
  font-size: .4125cm;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: calc(.15cm - .25em);
}
p > a {
  color: rgb(0, 123, 198);
  text-decoration: none;
}
section {
  display: grid;
}
time:last-child:not(:only-child)::before {
  content: '–';
}
.duration {
  color: rgba(0, 0, 0, .6);
  font-family: 'Roboto', sans-serif;
  font-size: .3375cm;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: -.25em;
  text-align: right;
}
.section {
  padding: .45cm .6cm;
}
.section:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.section__body {
  align-items: center;
  background-position: 0 .3cm;
  background-repeat: no-repeat;
  background-size: .6cm;
  display: grid;
  padding-left: 1.2cm;
}
.section__body.is-details {
  background-image: url('./assets/person.svg');
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: -.45cm;
  padding-top: .45cm;
}
.section__body.is-education {
  background-image: url('./assets/school.svg');
}
.section__body.is-experiences {
  background-image: url('./assets/work.svg');
}
.section__body.is-skills {
  background-image: url('./assets/extension.svg');
}
.section__row {
  align-items: start;
  column-gap: .6cm;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
.timed {
  align-items: start;
  display: grid;
  grid-auto-flow: column;
}
.time-range {
  color: rgba(0, 0, 0, .6);
  display: grid;
  font-family: 'Roboto', sans-serif;
  font-size: .4125cm;
  font-weight: 400;
  grid-auto-flow: column;
  justify-content: end;
  line-height: 1.5;
  margin-bottom: -.25em;
  margin-top: calc(.4875cm - .25em);
  text-align: right;
}

@media screen {
  body {
    background-color: #ccc;
  }
  main {
    box-shadow: 0 0 .6cm 0 rgba(0, 0, 0, .25);
    height: 29.7cm;
    margin: 1cm auto;
    width: 21cm;
  }
}