*{
    margin: 0;
    padding: 0;
}

/*.iframe { 
  
  width:95%; 
 background: black;
padding: 150px;
  height:50px; 
} */

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


.button{
  position: relative;
      padding: 15px;
     
      width: 80%;
      left: 7%;
      display: block;
      
      background:#070707;
  
      color: rgb(250, 246, 246);
      text-decoration: none;
  
      font-family: 'Economica', sans-serif;
        font-size: 38px;
        border: rgb(253, 251, 251) 2px solid;
        
  }
  
  .button span{
       margin-right: 40%;
   }
  


#cabeza{
     width: 85%;
   padding: 0px 10px;
  
   border: rgb(253, 251, 251) 2px solid;
    margin: auto;
    font-family: 'Economica', sans-serif;
background:#070707;
    font-size: 20px;
color: white;
    position: relative;

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

.foto{  

position: relative;
height: auto;
margin: auto;
display: block;
border: rgb(248, 245, 245) 2px solid;
bottom: -50px;
border-radius: 50%;
width: 90%;

}

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

    font-size: 28px;

    position: relative;

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

.texto2{
  padding: 18px;
    font-family: 'Mallanna', sans-serif;
    font-size: 24px;
color: white;
    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;
                         color: white;
           
                      }
               
                      .button.compartir{ 
                        
                          bottom: -250px;
                          padding: 12px;
                          font-size: 15px;
                          color:#0c0c0c;
                          
                          
                          }

                          .escritorio{
                            position: relative;
                            bottom: -245px;
                            color: white;
                            text-align: center;
                            font-size: 22px;
                          }
              
                          .button:hover{ 
                            background: #595a59;
                              
                              }
  

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