/* 关于我的页面CSS样式文件 */

/* ，mini的icon */
.mini_icon{
	margin-right: 10px;
}
/* 上部介绍文字块样式 */
#introduce{
	height: 350px;
	text-align: center;
	box-sizing: border-box;
}

/* 介绍部分的文字内容 */
#introduce .introduce_text{
	width: 50%;
	height: 100%;
	padding: 50px 50px;
	background: #E7E7E7;
	float: left;
	overflow: auto;
}
#introduce .introduce_text h1{
	font-size: 40px;
}

#introduce .introduce_text p{
	font-size: 18px;
}
#introduce .introduce_text span{
	color: #FF7F50;
}

/* 介绍部分的图片 */
#introduce .introduce_image{
	width: 50%;
	height: 100%;
	float: right;
}
#introduce .introduce_image img{
	display: block;
	width: 50%;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 50%;
}

/* 我的作品内容样式 */
#more_work{
	height: 300px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	background: url(../img/mywork.jpg) no-repeat center center/cover;
	color: white;
}

/* 我的作品标题 */
#more_work h1{
	font-size: 40px;
}

#more_work a{
	color: #FFFFFF;
}

/* 地址仓库内容 */
.url_conten{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	align-items: center;
}

.url_conten h2{
	font-size: 30px;
	margin-top: 10px;
}
/* 码云地址部分 */
#more_work .gitee_url{
	background: #FF7F50;
	border-radius: 15px;
	width: 50%;
	height: 60px;
	line-height: 60px;
	margin: auto;
	margin-bottom: 30px;
	/* margin设置为auto可以让div在父元素下居中 */
	/* float: left; */
	/* 设置float浮动的时候要在子元素进行设置，在父元素中进行设置的话对子元素无效 */
}

/* CSDN部分 */
#more_work .csdn_url{
	background: #FF7F50;
	border-radius: 15px;
	width: 50%;
	height: 60px;
	line-height: 60px;
	margin: auto;
	/* float: left; */
	/* 	opacity: 0.9将元素的透明度设置成为0.9 */
}