@charset "utf-8";
/* CSS Document */

@font-face:font-family: 'Baloo', cursive;


body{
	background:#484848;
	padding: 15px;
	color: white;
}
body h1{
	color: aliceblue;
	font-size: 2em;
}

header h1{
	color: aliceblue;
	font-family: baloo;
	text-align: center;
	font-size: 42px;
	border: solid;
	padding: 3px;
	margin: 10px;
	width: auto;
	border-radius: 15px;
	background:-moz-radial-gradient(center, circle, #00F, #303);
	background:-webkit-radial-gradient(center, circle, #00F, #303);
	background:-ms-radial-gradient(center, circle, #00F, #303);
	background:-o-radial-gradient(center, circle, #00F, #303);
}
header h2{
	color: burlywood;
	text-align: center;
}

.cabecera{
	background:#222222;
	margin: auto;
	width: auto;
	border: double;
	padding: 5px;
	display: -webkit-flex;
	display: -m-flexbox;
	display: flex;
	
/*	flex-direction: row;*/
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:center;
/*	align-content: center;*/
}

.titulo{
	align-content: center;
}

.proyectos{
	background:#222222;
	color:aliceblue;
	padding: 5px;
	display: -webkit-flex;
	display: -m-flexbox;
	display: flex;
	
/*	flex-direction: row;*/
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:center;
/*	align-content: center;*/
}

.video{
	background: #222222;
	padding: 15px;
}

li{
	font-size: 1.5em;
	color: yellow;
	text-decoration: underline;
}

footer{
	background: #83B877;
	text-align: center;
}