@font-face {
            font-family: 'titulos';
            font-style: normal;
            font-weight: normal;
            src: url(../media/fonts/CloisterBlackLight-axjg.ttf);
 }
 
@font-face {
	font-family: 'textico';
    font-style: normal;
    font-weight: normal;
    src: url(../media/fonts/alagard.ttf);
} 

body {
    background: #B0B0B0;
	background-image: url("../media/images/pixil.png");
	
}

.contenedor{
	/* background: #FFFFFF; */
	width: 95%;
	margin: auto;
    height: 800px;
}

.contenedor .encabezado{
	/* background: #000000; */
	width:92%;
	margin: 0% auto;
	height:50%;
}

.contenedor .encabezado .logo{
	/* background: #000000; */
	width: 30%;
	margin:0%;
	height:100%;
	float:left;
}

.contenedor .encabezado .titulo{
	/* background: #FF2D00; */
	width: 67%;
	margin: 0%;
	height: 100%;
	float:right;
}

.contenedor .encabezado .titulo .nombre{
	/* background: #000000; */
	width: 100%;
	height: 50%;
	float:left;
}
.contenedor .encabezado .titulo nav{
	background: black;
	width: 100%;
	height: 10%;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2em;
}

.contenedor .contenido{
	/* background: #B0B0B0; */
	width: 100%;
	height: 1000px;
	margin:auto;
	float:center;
}

.contenedor .contenido .yesit{
	/* background: rgba(0,0,20,10); */
	width: 100%;
	height: 300px;
	margin:auto;
}

.contenedor .yesit .icono1{
	/* background: #B0B0B0; */
	width: 300px;
	height: 300px;
	margin:auto;
	float:left;
}

.contenedor .yesit .descripción1{
	/* background: #B0B0B0; */
	width: 50%;
	height: 300px;
	margin:auto;
	padding: auto;
	float:right;
}

.contenedor .contenido .queru{
	/* background: rgba(0,0,20,10); */
	width: 100%;
	height: 300px;
	margin:5% auto;
}

.contenedor .queru .icono2{
	/* background: #B0B0B0; */
	width: 300px;
	height: 300px;
	margin:auto;
	float:left;
}

.contenedor .queru .descripción2{
	/* background: #B0B0B0; */
	width: 50%;
	height: 300px;
	margin:auto;
	padding: auto;
	float:right;
}

.contenedor .contenido .frank{
	/* background: rgba(0,0,20,10); */
	width: 100%;
	height: 300px;
	margin:5% auto;
}

.contenedor .frank .icono3{
	/* background: #B0B0B0; */
	width: 300px;
	height: 300px;
	margin:auto;
	float:left;
	padding:2% 0% 0% 0%;
}

.contenedor .frank .descripción3{
	/* background: #B0B0B0; */
	width: 50%;
	height: 300px;
	margin:auto;
	padding: auto;
	float:right;
}

.contentito{
    margin-top: 100px;
    display: flex;
    padding: 30px;
    align-items: center;
}

.gameplay{
    border-style: solid;
    border-width: 10px;
    border-color: beige;
    height: 500px;
    width: 700px;
    float: left;
}

.listita{
    display: inline-block;
    padding-left: 5%; padding-right: 5%;
    color: white;
    font-size: 20px;
    padding-left: 75px;   
}

.subtitulos{
    font-family: "titulos";
    color: white;
    font-size: 30px;
    padding-left: 47px;   
}

.contenedor .contenido .caja{
	/* background: rgba(0,0,20,10); */
	width: 100%;
	height: 300px;
	margin:auto;
	padding-bottom:2%;
}

.contenedor .caja .retrato{
	/* background: #B0B0B0; */
	width: 300px;
	height: 300px;
	margin:auto;
	float:left;
	padding:2% auto;
}

.contenedor .caja .texto{
	/* background: #B0B0B0; */
	width: 50%;
	height: 300px;
	margin:auto;
	padding: auto;
	float:right;
	display:flex;
	align-items:center;
	justify-content:center;
}

h1{
    color:white;
    text-align: center;    
    font-size: 100px;
    border-radius:0%;
	font-family:"titulos";		
}

h2{
	color:white;
    text-align: justify;    
    font-size: 30px;
    border-radius:0%;
	font-family:"titulos";	
}
h3{
	color:white;
    text-align: center;    
    font-size: 30px;
    border-radius:0%;
	font-family:"textico";	
}

p{
    color:white;
    text-align: justify;    
    font-size: 20px;
    border-radius:2%;
	display: inline-block;
    padding-left: 5%; padding-right: 5%;
}

    	
/* Enlace */

nav a:link {
	color: white;
    	text-decoration: none;
		text-align: center;    
        font-size: 16px;
        border-radius:0%;
		font-weight:200;
		
}
/* Ratón sobre el enlace */
nav a:hover {
	color: red;
    	text-decoration: none;
		text-align: center;    
        font-size: 20px;
        border-radius:0%;
		font-weight:200;
		
}

video{
	width:100%;
	height:720px;
	margin:5% auto;
}