*{
    margin: 0;
    padding: 0;
}

#hoja{
    
width: 95%;
height: 3500px;
background: #c1ebf8;
margin: 0.5em auto;
padding: 0.5em;
border:solid rgba(41, 40, 40, 0.527) 1.5px; 
}


.button{
  position: relative;
      padding: 15px;
     text-align: justify;
      width: 70%;
      left: 13%;
      display: block;
      
      background: #199ef7;
  
      color: rgb(10, 8, 143);
      text-decoration: none;
  
      font-family: 'Economica', sans-serif;
        font-size: 38px;
    border-radius: 50%;


  }
  
  .button span{
       margin-right: 20%;
       margin-left: 8%;
   }
  


#cabeza{
     width: 70%;
     padding: 15px;

     display: flex;
     justify-content: center;

    margin: auto;
    font-family: 'Economica', sans-serif;
background: #199ef7;
    font-size: 26px;

    position: relative;

bottom: -5px;
text-align: center;  
border-radius: 50%;

}

.foto{  

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

bottom: -50px;

width: 90%;
border-radius: 50%;

}

.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;
padding: 18px;
    position: relative;
    
    bottom: -40px;
    text-align: justify;
   
}




  
  .button.fono{ 
       bottom: -80px; 
    }
  
   .button.face{ 
        bottom: -110px;
        }
  
  
    .button.whats{ 
                 bottom: -140px;
      
              }
              .button.tercera{ 
                  bottom: -170px;
        
                  }
                  .button.correo{ 
                         bottom: -200px;
           
                      }

                      



                      .button.compartir{ 
                        
                          bottom: -290px;
                          padding: 5px 15px;
                          font-size: 20px;
                          color:#199ef7;
                          background: #199ef7;                        
                          }
            
                          #escritorio{
                           
                              width: 95%;
                            padding: 0px;
                           
                            position: relative;
                             font-family: 'Economica', sans-serif;
                         display: block;
                             font-size: 12px;
                         text-align: center;
                             
                         margin: auto;
                         bottom: -160px;
                        
                         }
                       




                          .button:hover{ 
                            background: hsl(198, 76%, 89%);
                              
                              }
  

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