body {
	background:url(../img/fondo1.jpg);
}

header {
	background-color:#0DB144;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	border:3px solid #0BD3CD;
	padding:25px;
	font-family:fuente1;
    color:white;
	text-align:center;
	font-size:35px;
	
}

@font-face {
	font-family:fuente1;
	src:url(../font/matchmaker/Matchmaker.ttf);
}

article {
	background-color:#A3FFA4;
	margin-left:10%;
	margin-right:10%;
	border:3px solid #0BD3CD;
	width:80%;
	padding:25px;
	text-align:center;
}

h3.witcher1 {
	background-color:#485948;
    border-radius:200px;
    color:#279A72;
	margin-left:40%;
	margin-right:40%;
}
h3.witcher12 {
	background-color:#485948;
    border-radius:200px;
    color:#279A72;
	margin-left:30%;
	margin-right:30%;
}

aside {
	background-color:#CFFAC2;
	border:3px solid #0BD4CD;
	margin-left:10%;
	margin-right:10%;
	padding:25px;
	text-align:center;
	width:80%;
}

img.witcher1 {
	margin-left:10%;
 	width:20%;
	height:20%;
	filter: grayscale(100%);
}

img.witcher1:hover {
	transition: all 2s linear;
	filter:grayscale(0%);
}


footer {
	background-color:#0DB144;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	border:3px solid #0BD3CD;
	padding:25px;
}