*{margin:0 ; 
  padding:0;
   }
  
  
body{background:#F69FFB;
    font-size: 10px;  
    font-family:Lucida; 
    padding:44px; text-align:center;}
    

    
h1{font-size: 35px; text-shadow:1.5px 1px 1px rgba (0, 0, 0, 0.5);}
h2{font-size: 20px; padding: 30px; text-align : justify;}
h3{font-size: 15px; padding: 20px;  position:relative;}


nav ul {list-style-type:none; display:flex;  flex-direction: row;  border-radius: 8px;}
nav ul li{ flex-grow: 1; background: ##E53C0A;}
nav ul li a {display: block; padding:14px;  text-decoration:none;  margin-bottom:5px }
nav ul li a:hover{background-color: blue;}



 a{font-size: 15px;  text-decoration:none; color: white; padding: 25px;}
li{font-size: 15px;list-style-type:none; text-align:center;}


.galeria img {border-radius: 5px;}


.imagen{opacity: 0;
	background: rgba(0, 0, 0, 0.1);
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	position:absolute;
   bottom:-150px;
    right:10px;
   }
	
.galeria2{  top: 40px;
  width: 200px;  background: #0A22E5; 
  
  }
.imagen:target	{opacity: 1;}

.cortrometraje:target {visible: none;}

.cortrometraje{opacity: 0;
	background: rgba(250, 0, 0, 0.1);
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
  position: absolute;
  top: 90px;
  left: 172px;
  width: 230px;
}