body {
	font-family: "Montserrat", sans-serif;
	background-color: #E5E5E5;
}

/* main styles */
.main {
	display: flex;
	flex-direction: row-reverse;
	width: 1200px;
	margin: 0 auto;
}

.main-cont {
	background-color: #ffffff;
	padding: 105px 90px;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}

/* about styles */
.about {
	margin-bottom: 40px;
}

.about-position {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 20px;
}

.about-name {
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 55px;
	color: #00B2FF;
	margin-bottom: 25px;
}

.about-description {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	width: 400px;
}

/* project styles */
.project {
	margin-bottom: 50px;
}
.title {
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 27px;
	color: #000000;
	margin-bottom: 10px;
}
.project-list {
	padding: 0;
	margin-left: 17px;
}

.project-item, .project-bracket {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}
.project-text, .project-link {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
}

.project-link {
	margin-left: 10px;
}

/* work styles */
.work {
		margin-bottom: 45px;
}
.work-position {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 10px;
}
.position-1 {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #00B2FF;
}
.work-date {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #A8A8A8;
	margin-bottom: 10px;
}
.date-line {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	margin: 0 5px;
}
.work-list {
	padding: 0;
	margin-left: 17px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
}
.work-item {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #595959;
	width: 550px;
}
.work-text {
	position: relative;
	left: 10px;
}

/* education styles */
.education {
	margin-bottom: 10px;
}
.edu-university {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #00B2FF;
	margin-bottom: 10px;
}
.edu-speciality {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
}

/* sidebar styles */
.sidebar {
	width: 370px;
	background: rgb(73, 87, 106);
	background: linear-gradient(180deg, rgba(73, 87, 106, 1) 0%, rgba(9, 66, 121, 1) 50%, rgba(0, 212, 255, 1) 100%);
	padding-top: 40px;
	box-shadow: 5px 0px 10px #565656;
}

.img {
	border: 2px solid #00b2ff;
	border-radius: 200px;
	box-shadow: 5px 5px 10px #252525;
	width: 325px;
	place-content: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
}

.contacts,
.tech_skills,
.soft_skills {
	margin-left: 40px;
}

.contacts {
	margin-bottom: 50px;
}

.tech_skills {
	margin-bottom: 45px;
}

.soft_skills {
	margin-bottom: 365px;
}

.contact_font {
	color: #ffffff;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.mail,
.phone {
	color: #d4d2d2;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.side-contacts {
	color: #ffffff;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 27px;
	margin-bottom: 10px;
}

.tech_list,
.soft_list {
	color: #ffffff;
	padding: 0;
	margin-left: 17px;
}

.tech_item,
.soft_item {
	color: #00b2ff;
}

.tech_text,
.soft_text {
	color: #ffffff;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}