*{
    margin: 0;
    padding: 0;
}

#hoja{
    
width: 99%;
height: 2800px;
background: #c1ebf8;
margin: 0.5em auto;
padding: 0.5em;

}

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


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

     display: flex;
     justify-content: center;

    margin: auto;
    font-family: 'Economica', sans-serif;
    font-size: 24px;
    background: #199ef7;
    /*border: 2px solid #000;*/
    position: relative;
    top: 0.5rem;
    text-align: center;   
}

.foto{  

position: relative;
margin: auto;
display: block;
top: 1.8rem;
width: 90%;
height: auto;

}

.texto1{
  
  font-family: 'Economica', sans-serif;
    font-size: 28px;
    position: relative;
   top: 0.5rem;
    text-align: center;   
}

.texto2{ 
   
    font-family: 'Mallanna', sans-serif;
    font-size: 24px;
    padding: 18px;
    position: relative;
    top: 1rem;
    text-align: justify;
   
}

  .button.fono{ 
       top: 2.4rem; 
              }

        .button.whatsu{ 
           top: 3.9rem;
                    }
         
          .button.correo{ 
               top: 5.4rem;
                        }
                        
                        #escritorio{
                        
                          width: 95%;
                          padding: 0px;
                          position: relative;
                          font-family: 'Economica', sans-serif;
                          display: block;
                          font-size: 12px;
                          text-align: center;
                          color:rgb(10, 8, 143);    
                           margin: auto;
                           top: 1.9em;
                          
                           }
             .button.compartir{ 
                        
                  top: 11rem;
                   padding: 5px 15px;
                   font-size: 22px;
                   color:#199ef7;
                   background: #199ef7;                        
                          }
            
                    
        
                          .button:hover{ 
                            background: hsl(198, 76%, 89%);
                              
                              }
                      
                             #guardar{
   
                              font-family: 'Mallanna', sans-serif;
                              font-size: 24px;
                              position: relative;
                              top: 10rem;
                              text-align: center;
                             
                            }
    
                            .button.web{
                              
                              position: relative;
                              top: 24rem;
                              text-align: center;
                              width: 98%;
                              background-color: #199ef7;
                              font-size: 1.5rem;
                              text-decoration: none;
                              left: 1px;

                            }