video{
	WIDTH:300px ;
	HEIGHT:200px ;
}
article IMG{
	 float:right;
 	 WIDTH:300px ;
     HEIGHT:200px ;
}

@font-face{
	 font-family: Ubuntubold;
	 src: url('Fuente/Ubuntubold.ttf');
}
@font-face{
	 font-family: Ubunturegular;
	 src: url('Fuente/Ubunturegular.ttf');
}
@font-face{
	 font-family: Titulos;
	 src: url('Fuente/Blackout.ttf');
}
@font-face{
	 font-family: Titulo;
	 src: url('Fuente/titulo.ttf');
}
@font-face{
	 font-family: Indie;
	 src: url('Fuente/indie.ttf');
}
h1{
	 font-family: Titulos;
	  
	 Text-align:center;
}
h2{
	 font-family: Titulo;
	  
	 Text-align:center; 
}
 h3, h4, h5{
	 font-family: Ubuntubold;
	 Text-align:center; 
}
p{
	 font-family: Ubunturegular;
}
Body{
	 text-align: center;
	 Background-color: #96D7F0;
	 
}
aside{
	 float: right;
	 WIDTH:30%;
	 Background-color: #96D7F0;
	 Border:2 px solid white;
	 Border-radius: 0px 25px 0px 25px;
		-Webkit-border-radius: 0px 25px 0px 25px;
	 box-shadow: 3px 3px 10px black;
		-webkit-box-shadow: 3px 3px 10px  black; 
	 padding: 50px; 
}
header{
	 Text-align:center; 
	 background-color: #AD97E8;
	 Border-radius: 25px 25px 25px 25px;
		-Webkit-border-radius: 25px 25px 25px 25px;
	 box-shadow: 3px 3px 10px black;
		-webkit-box-shadow: 3px 3px 10px  black; 
}
Footer{
	 height: 100%;
	 width:100%;
	 text-align:center;
	 background-color: #96D7F0;
	 position: relative;
	 bottom: 0;
}
#principal{
	 text-align: left;
	 margin:auto;
	 width: 100%;
	 height:100%;
	 position: relative;
	 Border-radius: 0px 25px 0px 25px;
		-Webkit-border-radius: 0px 25px 0px 25px;
}
#Informacion{
	 text-align:center;
	 Color: white;
	 font-family: Indie;
	 font-size:30px;
}
#id{
	 width: 100%;
	 height:120px;
	 text-align:center;
}
#logo{
 	 width: 100%;
	 height:100%;
	 position: relative;
}
#logo h1, h2{
	 Transform: translate;
	 Display: inline;
	 Color: white;
	 font-size: 32px; 
}
nav{
	Display: inline;
	Float: right;
	Margin: 20 px;
}


Nav ul{
	Font-size: 12px;
	Padding-left:0px;
	Margin-left:0px;
	Background-color:grey;
	Color:white;
	Width:50%;
	Font-family: ubuntuRegular;
	Position: relative;
	Display: inline;
}
nav ul li{
	 Display: inline;
}
nav ul li IMG{
	 width: 50px;
	 height: 50px;
}
nav ul li a{
	text-align:center;
	
	Background: light grey;
	Color: white;
	Text-decoration: none;
	Float: right;
	 Border-radius: 0px 25px 0px 25px;
		-Webkit-border-radius: 0px 25px 0px 25px;
	 box-shadow: 3px 3px 10px black;
		-webkit-box-shadow: 3px 3px 10px  black; 
	 padding: 10px; 
}
nav ul li a:hover{
	Background-color:white;
	color: black;
}
article{
	 width :70%;
	 Background: #AFDEFE;
	 Float: left;
	 margin: 10 px;
	 Height: 100%;
	 Border:2 px solid white;
   	 Border-radius: 0px 25px 0px 25px;
		-Webkit-border-radius: 0px 25px 0px 25px;
	box-shadow: 3px 3px 10px black;
		-webkit-box-shadow: 3px 3px 10px  black; 
	 padding: 50px; 
}
time{
	float: right;
	width: 40%;
	margin: 0px;
	padding: 10px;
	box-shadow: 1px 1px 1px black;
	
}
aside:hover{
	background-color: white;
}
article:hover{
	 box-shadow: 3px 3px 10px red;
		-webkit-box-shadow: 3px 3px 10px  red; 
}
#imagen{
	 background: url(pokeball.svg);
     float:left;
	 width: 90px;
	 height: 90px;
}
#imagen:hover{
	 background: url(pikachu.svg);
	 height: 90px;
     width: 90px;
}
#footer{
	 height: 20px;
	 width:95%;
	 position: absolute;
	 bottom: 0;
}
form{
	 margin-left:30%;
	 font-weight: bold;
}
#FormCentrado{
	 text-align:center;
	 font-size:30px;
}