@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

h1{
font-family: 'Pacifico', cursive;
font-size: 5vw;
text-align: center;
font-style: italic;
background-color: #232323;
}
h2{
    font-family: 'Nanum Pen Script', cursive;
    font-size: 3vw;
    text-align: center;
    color: #232323;
}
h3{
    font-family: 'Nanum Pen Script', cursive;
    font-size: 3vw;
    text-align: center;
}
h4{
    font-family: 'Nanum Pen Script', cursive;
    font-size: 3vw;
    text-align: center; 
    color: #232323;  
}
h5{
    font-family: 'Nanum Pen Script', cursive;
    font-size: 3vw;
    text-align: center; 
  }
    
h6{ 
      font-family: 'Montserrat', sans-serif;
      font-size: 2vw;
      text-align: center; 
    }
p{
    font-family: 'Times New Roman', cursive;
    font-size: 2vw;
    text-align: justify;
    color: #232323;
}
.seccion1{
    background-color:khaki;
    width: 100vw;
    height: auto;
    border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}
.seccion2{
    background-color: cadetblue;
    width: 100vw;
    height: auto;
    border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}
.seccion3{
    background-color: goldenrod;
    width: 100vw;
    height: auto;
    border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}
.seccion4{
    background-color:rosybrown;
    width: 100vw;
    height: auto;
    border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}
.foto_cara{
  display:block;
  margin:auto;
  width: 50vw;
  align-content: center;
  border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}
.foto_3ra{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_cande{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_ciclos{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_comando{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_copa_ceni{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_cuba_bandera{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_cuba_discurso{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}
.foto_collagesobremi{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}

.foto_collagefuturo{
  display:block;
  margin:auto;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1vw;
  border-color: rgb(8, 15, 15);
}

.myButton {
	box-shadow: 0px 0px 31px 7px #fff6af;
	background-color:#ffec64;
	border-radius:31px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Times New Roman;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding:7px 34px;
	text-decoration:none;
	text-shadow:0px 2px 9px #ffee66;
}
.links{
  display: block;
   text-align: center;
 margin: auto;
 padding-bottom: 5vmin;
 }
.links:hover {
  transform: scale(1.2);
}
.gallery-image {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.gallery-image img {
height: 250px;
width: 350px;
transform: scale(1.0);
transition: transform 0.4s ease;
}

.img-box {
box-sizing: content-box;
margin: 5px;
height: 250px;
width: 350px;
overflow: hidden;
display: inline-block;
color: white;
position: relative;
background-color: cadetblue;
}

.caption {
position: absolute;
bottom: 5px;
left: 20px;
opacity: 0.0;
transition: transform 0.3s ease, opacity 0.3s ease;
}

.transparent-box {
height: 150px;
width: 250px;
background-color:rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
transition: background-color 0.3s ease;
}

.img-box:hover img { 
transform: scale(1.1);
}

.img-box:hover .transparent-box {
background-color:rgba(0, 0, 0, 0.5);
}

.img-box:hover .caption {
transform: translateY(-20px);
opacity: 1.0;
}

.img-box:hover {
cursor: pointer;
}

.caption > p:nth-child(2) {
font-size: 0.8em;
}

.opacity-low {
opacity: 0.7;
}

h7{
font-family: 'Montserrat', sans-serif;
color: cadetblue;
font-size: 3vmin;
text-indent: 2vmin;
margin:2%   
}

h8 {
font-family: 'Roboto';
font-size: 2vmin;
text-indent: 2vmin;
margin:2%
}

.masdemi {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;} 

  .logos {
    width: 10%;
  }
  
  .logos img{
    width: 100%;
  }