*{
margin:0px;
padding:0px;

}

h1{
background:green;
text-align:center;
border-bottom:solid yellow 2px;
border-top:solid red 1px;
color:white;


}
.left{
	width:30%;
	height:100%;
	background:#00c1bf;
	display:bolck;
	float:left;

}

.left a{
text-decoration:none;
display:bolck;
color:white;
padding:10px;

}

.left li{
	list-style-type:none;
	display:bolck;
	padding:15px;
	border-bottom:1px solid #ccc;
	display:bolck;
}

.left ul li:hover{
	background:gray;
	transition:linear all 0.4s;
	margin-left:30px;
	font-size:20px;
	display:bolck;
}

.selected{
	background:white;
}

.selected a{
	color:blue;
	font-size:20px;
}


.right{
width:65%;
float:left;
margin: 10px 0px 0 0;
padding-left:5px;
background:#ccc;
border-left:solid white 1px;

}

.right div{
background:red;
margin:8px;
padding:6px;
border:solid white 3px;
border-radius: 10px 10px 10px 10px;
min-height:72px;
}

.right img{
float:left;
margin:10px;
}

.right p{
background:white;
margin:8px;
padding:6px;
border:solid white 3px;
border-radius: 10px 10px 10px 10px;


}

.right li{
background:white;
margin: 0 12px 0 12px;
padding:6px;
border:solid white 3px;



}


#contact{
	padding:4px;
	color:white;
	text-align:center;
	box-shadow:2px;
	background:rgba(0,0,0,0.6);
}