*{  
    margin: 0;
    padding: 0;
}
nav{
    text-align: center;
    background-color: #9596f9;
    padding: 10px;
}
nav li {
    display: inline;
    padding-left: 30px; 
}
.menu {
    text-decoration: none;
    color: white;
    text-shadow: 5px 5px 3px  black;
  }
.menu1 {
    text-decoration: none;
    color: white;
    text-shadow: 5px 5px 3px  black;
    background-color: black;
    padding: 10px;
    border-radius: 20%;
  }
.title{
    text-align: center;
    background-color: #5759f3;
    padding: 10px;
    text-shadow: 3px 3px 5px white;
    
}
.title2{
    text-align: center;
    background-color: #4bbee0;
    padding: 10px;
    text-shadow: 3px 3px 5px white;
    margin: 0 500px;
    margin-top: 10px;

}
.img{
    width: 100%;
    height: 44.6vw;
    
   
}
.img2{
    width: 300px;
    height: 300px;
}
.contenedor{
    display: flex;
    justify-content: space-around;
}
.contenedor-a{
    padding: 9vw;
    background-color: #9596f9;

}
.contenedor-b{
    padding: 9vw;
    background-color: #5759f3;
}
.contenedor-c{ 
    margin-top: 20px;
    margin-left: 48vw;
     
}
.contenedor-d{
    
    background-color: #9596f9;
}
.img3{
    
    margin-top: 20px;
    margin-left: 40vw;
}
.parr{
    padding: 30px;
    border: 3px solid blue;
    margin: 10px;
    font-size: larger;
    
}
.pre{
    background-color: #9596f9;
    margin: 0 500px;
}
.pri{
    font-size: larger;
}
.pro{
    
    margin: 10px 500px;
    font-size: larger;
}
.galeria{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.galeria img{
    max-width: 100px;
    
}