* {
  margin: 0;
  padding: 0;  
}

@import url("https://fonts.googleapis.com/css?family=Mystery+Quest");
img {
  margin: 10;
  padding: px 10;    
  color: #10539F;
  text-shadow: 2px 10px 1px black;
  width:300px;
    height:300px;
    border-radius:80px;
    border:3px solid #0E1625;
  width: 100px; height: 100px;
  
position:relative;
top:5px;
bottom: 0px;
left:8px;
right: 0px;
}

img {
animation: rotate 1s infinite;
animation-name: rotate;
animation-duration: 20s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes rotate {
0%, 100% {
transform: rotate(360deg);
}
50% {
transform: rotate(-360deg);
}
}

.foto3 {
  margin: 10;
  padding: px 10;    
  color: #10539F;
  text-shadow: 2px 10px 1px black;
  width:300px;
    height:300px;
    border-radius:80px;
    border:3px solid #0E1625;
  width: 100px; height: 100px;
  
position:relative;
top:5px;
bottom: 0px;
left:8px;
right: 0px;
}

.foto3 {
animation: rotate 1s infinite;
animation-name: rotate;
animation-duration: 20s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes rotate {
0%, 100% {
transform: rotate(360deg);
}
50% {
transform: rotate(-360deg);
}
}
















body {
 background:#708090;
/*background:url(../image/fondo.jpg);*/
background-repeat: no-repeat;
background-position: 50% 70%;
background-attachment: fixed;

animation: slider 10s infinite alternate;
background-size: 250px 150px; 
 }


#menu {
	list-style: none;
 background-color:#0E507A;
 left:0px;
position: fixed;
left:130px;

}

#menu ul li{
  display:inline-block;
  
}


#menu ul li a{
  color:white;
  text-decoration: none;
  display: block;
  padding: 10px 90px;
  text-transform: uppercase;
  
}

#menu ul li a:hover{
  background-color: #B1C7D5; 
}
/* enlaces del menu */

h1{
  font-size:18px;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  text-transform: capitalize;
  color:black;
  background-color: #E6E6FA;
  opacity: 0.7;
   padding: 3px 255px;
   bottom:  160px;


}


 h2{
  font-size:20px;
  color:black; 
  text-align: center;
  background-color: #E6E6FA;
  opacity: 30%;
   padding: 15px 50px;

}