<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.profile-title{
    /* font-size: 20px;*/
     /*margin-bottom: 30px;*/
    /* margin-top: 50px;*/
     color: var(--color-cafe);
     font-size: 20px;
 }

 .profile-tit-rep{
    color: var(--color-cafe);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 0.5em 0.7em;
    margin: 10px;
    background-color: var(--color-suave2);
    font-size: 18px;
 }
 /*******************/

.partidos{
   /* border: 5px solid cornflowerblue;*/
    display: flex;
    align-items: center; 
    
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 0.5em 0.7em;
    margin: 10px;
    background-color: var(--color-suave1);
    
}


 .repres{
    
    flex: 2 1 auto;
    display: flex;
    flex-flow: row wrap;
 }
   

    .nombrepartido{
        height: 35px;
        font-weight: bold;     
        flex: 1 1 100%;

           

    }
    .persona{       
        flex: 1 1 40%;
       font-size: 13px;
      

    }

 .item-img{   
    flex: 1 1 auto;    
    max-width: 90px;
 }

 .fotorepre img{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    width: 110px;
    margin-top: 15px;
  
 }

 .text-nomper{   
   font-weight: bold;
   color: var(--color-cafe);
 }

 

 @media all and (max-width: 800px){
    .partidos{
        flex-direction: column;
    }
 }

 @media all and (max-width: 600px){
    .repres{
        flex-direction: column;
    }
 }</pre></body></html>