@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lobster&family=Noto+Sans+JP:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');

/* Común*/
body{
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%; 
}
h2{
    padding-left: 15px; 
    font-size: 7vmin;
    font-family: 'Dancing Script', cursive;
    text-align: left;
}
p{
    width: 80%;
    margin-left: 4%;
    margin-right: 2%;
    font-family: 'Hind', sans-serif;
    font-size: 4vmin;
    text-align: justify;
}

/*menu*/

.cabecera-container{
    height: 13.5vmin;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content:space-around;
}
.cabecera{
    width: 100%;
    height: 15vmin;
    padding-top:10vh;
    padding: 0;
    position: fixed;
    font-family: 'Noto Sans JP', sans-serif;
    background-color: rgb(84, 236, 203);
    z-index: 100;
}
.cabecera-p{
    display:flex;
    flex-direction: row;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3vmin;
    text-align: center;
    text-decoration: none;
}
a{
    color: black;
    text-decoration:initial;
}

/*pagina*/

.Antonella{
    position: relative;
    font-family: 'Lobster', cursive;
    text-align: center;
    font-size: 8vmin;
    color: rgb(84, 236, 203);
    background-color: rgba(17, 70, 168, 0.596);
    margin: 0;
    margin-top: 1.5vmin;
}

/*seccion1*/

.seccion1{
    background-color: white;
    padding-top: 25vh;
    height: 100vh;
    width: 100%;
}
.img-presentacion{
    height: 50%;
    width: auto;
    float: right;
    margin-right: 2.3%;
    border-style: double;
    border-color: #30A18A;
    border-width: 2vmin;
}
.presentacion-p{
    width: 70%;
    display: inline-flex;
    margin-top: 7%;
    font-size: 4vmin;
    margin-right: 1.6vmin;
}
.presentacion-container{
    position: relative;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

/*seccion2*/

.seccion2{
    background-color: rgb(152, 224, 176);
    padding-top: 25vh;
    height: 100vh;
    width: 100%;
}
.illia-p{
    padding-top: 3vmax;
    padding-bottom: 2vmax;
    margin: 6vmin;
    margin-left: 7.7vmin;
    margin-bottom: 3vmax;
    margin-top: 0.5vmax;
    font-family: 'Hind', sans-serif;
    color: rgb(0, 0, 0);
    font-size: 3.5vmin;
    text-align: justify;
}
.galeria{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.foto-1, .foto-2, .foto-3, .foto-4{
    height: 20vh;
    width: auto;
    margin-bottom: 2%;
}

/*seccion3*/

.seccion3{
    background-color: rgb(99, 235, 144);
    padding-top: 25vh;
    height: 100vh;
    width: 100%;
}
.contacto-li-container{
    display: inline;
}
.contacto-li{
    width: 60vw;
    margin-left: 4%;
    display: flex;
    font-family: 'Hind', sans-serif;
    font-size: 4vmin;
    text-align: justify;
}
.contacto-img1, .contacto-img2, .contacto-img4 {
    height: 20vh;
    width: 20vw;
    margin-bottom: 2%;
}
.contacto-img3{
    height: 20vh;
    width: 12vw;
    margin-bottom: 2%;
}
.Botones{
    margin-top: 2%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
}

/*seccion4*/

.seccion4{
    background-color: aqua;
    padding-top: 25vh;
    height: 100vh;
    width: 100%;
}
.futuro{
    font-family: 'Hind', sans-serif;
    font-size: 3vmin;
}
.expectativa-img{
    margin-left: 30%;
    margin-bottom: 10%;
}

/*página*/