.body {
  margin: 0px auto;
  min-width: 1020px;
  max-width: 1020px;
  border: 1px solid black;
  font-size: 25px;
  font-family: goal, "Arial", sans-serif;
}

header {
  text-align: center;
}

footer {
  background-color: rgb(194, 199, 199);
}

.header {
  display: flex;
  height: 230px;
  align-items: center;
  background-color: rgb(194, 199, 199);
}

.photo {
  border-radius: 50%;
  width: 610;
  height: 610;
  max-height: 200px;
  margin-left: 50px;
  border: 4px solid #e3f5f3;
}

.navigation {
  width: 100%;
  margin-right: 30px;
  margin-bottom: 110px;
}

.navigation a {
  margin: 15px;
  font-weight: bold;
  font-size: 30px;
  font-family: goal;
  text-decoration: none;
  text-transform: uppercase;
  color: rgb(88.6%, 27.3%, 33.3%);
}

.navigation a:hover {
  font-size: 32px;
  color: #bcfff8;
}

.name {
  align-content: right;
  margin-top: -120px;
  margin-left: 210px;
  font-size: 50px;
  font-weight: bold;
  font-family: stiff, "Arial", sans-serif;
}

.title-total {
  font-family: goal, "Arial", sans-serif;
  font-weight: bold;
  color: rgb(88.6%, 27.3%, 33.3%);
  background-color: rgba(194, 199, 199, 0.2);
}

.about {
  margin-left: 40px;
  font-family: chilanka, "Arial", sans-serif;
}

.lang,
.skills,
.education,
.contacts {
  margin-left: 40px;
  font-family: chilanka, "Arial", sans-serif;
}


ul {
  padding: 0;
}

ul li {
  display: block;
  list-style-type: none;

}

ul li a {
  text-decoration: none;
}

ul li img {
  vertical-align: middle;
  position: relative;
  left: -10px;
}

.skill-list,
.contact-list,
.lang-list,
.educ-list {
  font-weight: bold;
  font-style: oblique;
}

.copyright {
  text-align: center;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}