*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  /* Possible Desktop mediaquery */
}
h1 {
  padding-block: 0.5em;
}
ul,
ol,
p,
h2,
h3,
h4 {
  padding-bottom: 1em;
  line-height: 1.5em;
}
li {
  list-style-position: outside 10px;
}
body {
  display: flex;
  width: 1200px;
  height: 1440px;
}
ul,
ol {
  padding-left: 1em;
}

/* aside */
.Skills h2,
.contacts h2 {
  padding-bottom: 1em;
}
aside li,
aside p {
  padding-bottom: 1em;
}
img {
  max-width: 370px;
  padding-top: 2.5em;
}

.Skills,
.contacts {
  padding-left: 2.5em;
  padding-top: 2.75em;
}
.contacts a {
  text-decoration: none;
  color: white;
  cursor: pointer;
}

aside {
  display: flex;
  flex-direction: column;
  background-color: #1e2939;
  color: white;
}
.Skills li {
  color: #fb6d3a;
}
.Skills span {
  color: white;
}
main {
  padding-top: 6.375em;
  padding-left: 5.5em;
}
/* main */

main span {
  font-size: 0.875rem;
}

h1 {
  font-size: 3rem;
}
main h2 {
  font-size: 1.5rem;
}
.experience span,
.education span {
  font-size: 1.25rem;
  color: orange;
}
.about-me p {
  font-size: 14px;
}
.time-line {
  color: #a8a8a8;
}
ol a {
  color: #595959;
  text-decoration: none;
}
.about-me {
  width: 400px;
  text-align: justify;
}