*{
    margin: 0;
    padding: 0;
}

.hoja{
    
width: 99%;
height: 3500px;
background: #da731e93;
margin: 0.5px;
padding: 0.5px;
border:solid rgba(15, 15, 15, 0.972) 2px; 

}


.button{
  position: relative;
      padding: 4px 18px;
      border: rgb(12, 12, 12) 2px solid;
     
      width: 65%;
      left: 14%;
      display: block;
     
      
      color: rgb(20, 20, 20);
      text-decoration: none;
  
      font-family: 'Economica', sans-serif;
        font-size: 45px;
        border-radius: 12px;
      
  }
  
  
  .button span{
       margin-right: 35%;
   }
  

  


.button.profesion{ 
text-align: center;
width: 68%;
    font-size: 18px;
bottom: -5px;
 

}



.foto{  
  border: rgb(12, 12, 12) 2px solid;

position: relative;
height: auto;
margin: auto;
display: block;

bottom: -50px;
border-radius: 10%;
padding: 14px 18px;


}

.texto1{
  
  font-family: 'Economica', sans-serif;

    font-size: 28px;

    position: relative;

bottom: -45px;
text-align: center;   
}

.texto2{
   
    font-family: 'Mallanna', sans-serif;
    font-size: 24px;

    position: relative;
    
    bottom: -40px;
    text-align: justify;
   padding: 20px;
}




  
  .button.fono{ 
       bottom: -80px; 
    }
  
   .button.face{ 
        bottom: -110px;
         }
  
  
    .button.whats{ 
           bottom: -140px;
      
              }

              .button.tercera{ 
                  bottom: -170px;
        
                  }
                  .button.correo{ 
                         bottom: -200px;
           
                      }



                      .button.compartir{ 
                    
                          bottom: -280px;
                          padding: 12px 20px;
                          font-size: 22px;
                          color: black;
                          
                          }
              
                          .escritorio{
                            position: relative;
                         
                            bottom: -110px;
                            text-align: center;

                          }
                       



                          .button:hover{ 
                            background: #88c78b;
                              
                              }
  

                          
                             .guardar{
   
                              font-family: 'Mallanna', sans-serif;
                              font-size: 24px;
                            
                              position: relative;
                              
                              bottom: -320px;
                              text-align: center;
                             
                            }