@font-face {
  font-family: 'Roboto';
  src: url("assets/fonts/Roboto-Thin.ttf");
  font-weight: 100;
}

@font-face {
  font-family: 'Roboto';
  src: url(assets/fonts/Roboto-Regular.ttf);
  font-weight: 300;
}

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
  height: auto;
}

body {
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #1d0606;
}

.cv-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
.profile {
  display: flex;
  align-items: center;
}

.avatar-wrap {
  width: 30%;
}

.profile-name {
  padding-left: 35px;
  width: 70%;
}
.avatar {
  padding-left: 35px;
  width: 250px;
  border-radius: 50px;
}
h1 {
  font-size:300%;
}

h2 {
  font-size: 200%;
  color: #294d32;
}

.nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  list-style: none;
  background-color: #829985;
}

.nav-link {
  padding: 0 20px;
  line-height: 25px;
  color: #fffff0;
  text-decoration: none;
  transition: 0.3s;
}

.nav-link:hover {
  color: #294d32;
}

.nav {
  position: relative;
  padding: 10px 0px;
}

.nav::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #829985;
}
.nav::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #829985;
}

main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-title {
  padding-left: 35px;
}

aside {
  padding-left: 35px;
  width: 30%;
}

.contacts-list {
  list-style: none;
}

.contact-item-loc {
  background: transparent url(./assets/icon/icon-location.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-item-phone {
  background: transparent url(./assets/icon/icon-phone.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-item-mail {
  background: transparent url(./assets/icon/icon-mail.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-item-linkedin {
  background: transparent url(./assets/icon/icon-linkedin.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-item-discord {
  background: transparent url(./assets/icon/icon-discord.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-item-github {
  background: transparent url(./assets/icon/icons-github.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.contact-link {
  text-decoration: none;
  color: #294d32;
}

.contact-link:hover {
  text-decoration: underline;
}

.skills-list {
  padding-left: 35px;
  list-style: none;
}

.skill-html {
  background: transparent url(./assets/icon/ico-html.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-css {
  background: transparent url(./assets/icon/ico-css3.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-js {
  background: transparent url(./assets/icon/ico-JS.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-devtools {
  background: transparent url(./assets/icon/ico-devtools.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-mysql {
  background: transparent url(./assets/icon/ico-mysql.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-git {
  background: transparent url(./assets/icon/ico-git.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.skill-testing {
  background: transparent url(./assets/icon/ico-software-testing.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;
}

.lang-list {
  padding-left: 35px;
  list-style: none;
}

.language {
  background: transparent url(./assets/icon/ico-language-skill.png) no-repeat left center;
  background-size: 23px;
  padding-left: 40px;

}
.main-info {
  padding-left: 35px;
  width: 60%;
}

p {
  padding-left: 35px;
  text-align: left;
}

p span {
  font-weight: bold;
}

li::marker {
  color: #294d32;
  font-size: 20px;
}

.code-wrap {
  padding-left: 35px;
  background: #dbf7df;
}

.footer-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  background-color: #829985;
}
.footer-item {
  padding: 0 20px;
  line-height: 25px;
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  transition: 0.3s;
}

.footer-link:hover {
  transform: scale(2.05);
}