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

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

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

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

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

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

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

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

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