*{margin: 0;
	padding: 0;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
a:link{text-decoration: none;
	color: #000;}
a:visited{color: #000;}
html{height: 100%;
	width: 100%;}
body{height: 96%;
	width: 96%;
	padding: 1%;
	display: flex;
	flex-direction: column;
	background: linear-gradient(36deg,#5bcefa,#f5a9b8);
	background-attachment: fixed;}
header{flex: 1;
	display: flex;}
header div{flex: 3;}
header div a{color: #fff;}
header nav{flex: 7;}
header a{display: inline-block;
	font-size: 1.5em;
	height: 100%;}
ul{list-style: none;}
header ul{float: right;}
header ul li{float: left;
	margin: 0 10px;}
main{flex: 9;
	display: flex;
	flex-direction: row;}
main :nth-child(1){flex: 20%;}
main :nth-child(2){flex: 80%;}
main div p{color: #fff;}
main nav a{line-height: 100%;
	width: 100%;
	height: 48px;
	display: block;}
main nav img{float: left;}
main nav a p{line-height: 48px;
	float: left;
	color: #000;
	display: block;}
.backgroundmodify{background: #ffffff40;
	margin: 10px;
	padding: 10px;
	border-radius: 20px;}
#webContent a{
	display:block;
	height:100px;
	width:100%;
	border-radius:10px;
	background-color:#ffffff33;}
#webContent a:hover{background-color:#ffffff66;}
.webContent_img{float:left;}
.webContent_img img{height:72px;
	width:72px;
	margin:14px;
	border-radius:50%;}
.webContent_text{
	margin-left:10px;
	float:left;}
.webContent_text *{color:#000;}
#profilePic{width: 100%;
	border-radius: 50%;}