h1{
    color:white; font-size: 28px; text-align: left; font-family: "Open Sans Condensed"; border-style:solid; border-width: 4px; padding: 10px; width: 220px; border-color: darkorchid; text-align: center; 
}

footer{
    color:#530e76; font-size: 10px; text-align: left; font-family: 'Oswald light'; text-transform: uppercase; background-color: white; padding: 20px; 
}

.trabajo{
    font-size: 17px;
}

body{
    background-color: mediumpurple; padding: 0 ; margin: 50px 50px 50px 50px; 
}

    
li{
    color: black; list-style-type: circle; font-family: 'Oswald light'; text-align:left; font-size: 15px; margin: 0px 50px 0px 0px; color: white;
}
    

h2{
    text-align: left; font-size: 17px; font-family: 'Oswald light'; text-decoration: underline; margin: 20px 50px 0px 20px; color: darkorchid; text-transform: uppercase;
}

h3{
    text-align: center; font-size: 17px; font-family: 'Oswald light'; text-decoration: none; margin: 20px 50px 0px 20px; color: darkorchid;
}

.comitente{
    color:white;  margin: 20px 50px 50px 50px; 
}

p{
    color:white;  margin: 0px 50px 0px 50px; 
}

.info{
    border-style:dashed; border-width: 4px; padding: 3px; width: 250px; border-color: darkorchid; text-align: center; margin-bottom: 20px;
}


a{
    text-decoration: none; color: white; font-size: 12px; text-transform: uppercase;
}

.nombres{
    font-family:"Open Sans Condensed", bold; display: flex; flex-direction: row; justify-content:flex-start; padding: 8px; color: white; background-color: darkorchid;  display: flex; flex-direction: row; align-items: space-between; list-style: none; overflow: scroll; margin-right:8px;
}

img{
    border-radius: 100px; text-align: center;
}

/*responsive*/

@media (min-width: 960px) {
  
    body{
    background-color:violet; padding: 0 ; margin: 50px 50px 50px 50px; 
}
    
    h1{
    color:darkorchid; font-size: 28px; text-align: left; font-family: "Open Sans Condensed"; border-style:solid; border-width: 4px; padding: 10px; width: 220px; border-color: white; text-align: center; 
}
    
   footer{
       color:white; font-size: 10px; text-align: left; font-family: 'Oswald light'; text-transform: uppercase; background-color: #530e76; padding: 20px; 
}
    
    .nombres{
    font-family:"Open Sans Condensed", bold; display: flex; flex-direction: row; justify-content:flex-start; padding: 8px; color: white; background-color: darkorchid;  display: flex; flex-direction: row; align-items: space-between; list-style: none; margin-right:8px;
}