body {
	font-family: 'Montserrat', sans-serif;
	background-color: #F5F7FA;
}

.main-container {
	display: flex;
	flex-direction: row-reverse;
	width: 1200px;
	background-color: #fff;
	margin: 40px auto;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}

.about-me-pro {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	margin: 0 0 20px 0;
}
.my-dob {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #A8A8A8;
	margin: 0 0 10px 0;
	/*padding: 1px 0 0 0 ;*/
}

.main-content {
	padding: 100px  90px;
}

.about-me-section {
	margin: 0 0 40px 0;

}

.about-me-name {
	font-style: normal;
	font-weight: bold;
	font-size: 45px;
	line-height: 55px;
	color: #000000;
	margin: 0 0 0 0;
}

.about-me-desc {
	width: 400px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #595959;

}

.main-content-title {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 27px;
	color: #000000;
	margin-bottom: 10px;
}

.my-projects-section {
	margin-bottom: 50px;	
}

.my-projects-list {
	padding: 0 0 0 17px;
}

.my-projects-item {
	color: #000000;
	font-weight: bold;
}
.my-projects-link {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
	text-decoration: none;
}

.my-projects-link, .my-projects-text {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
	margin-left: 5px;
}
.my-projects-bracket {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}

.my-work-experience-position {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;

}

.my-work-experience-period {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #A8A8A8;
	margin: 0 0 10px 0;
}

.my-work-experience-divider {
	color: #000000;
}
.my-work-experience-duties{
	padding-left: 18px;
}

.my-work-experience-list {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
}

.my-work-experience-company {
	margin: 0 20px 20px 0;
}
.my-work-company {
	color: #FB6D3A;
}

.sidebar-section {
	background-color: #1E2939;
	width: 370px;
	padding: 40px 0;
}


.contacts-section, .skils-section, .s-skils-section{
	margin: 50px 0 0 40px;

}
.sidebar-title {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 27px;
	color: #fff;
	margin-bottom: 10px;
}
.contacts-section-link {
	color: #565E6A;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}

.contacts-section-type {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-right: 5px;
}

.skils-list {
	padding: 0 0 0 17px;
}

.tech-item {
	color: #FB6D3A;
}

.tech-item-text {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 1px;
}

.my-edu-section {
	margin-top: 40px;
}
.my-edu-section-job {
	margin: 0 0 12px 0;
}

.fa {
  text-align: center;
  padding: 5px;
  width: 27px;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 30%;
}


.fa:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* Установите определенный цвет для каждого бренда */

.fa-youtube {
  background: red;
  color: white;
}

/* Twitter */
.fa-telegram {
  background: white;
  color: #55ACEE;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-gmail {

  display: block;
  background: white;
  padding: 3.8px;
  text-decoration: none;
  margin-bottom: 9px;
}

.my-image-src {
	text-decoration: none;
}

.my-image {
display: none;
border-radius: 5px;
border: solid 5px #dad7d5;
box-shadow: -2px 2px 10px -1px #333; 
right: 240px;

}

a.my-image-src:hover { 
text-decoration: none; 
}

.my-image-src:hover+div {
position: absolute;
display: block;
}

.blink-text {
	margin-left: 77px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #0037ff;
	animation-name: qwerty;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
}
 
@keyframes qwerty {
	0%, 100% {
		opacity: 1;
	}
	88%, 93% {
		opacity: 0.1;
	}
}