* {
    margin:0;
    padding: 0;
    box-sizing:border-box;

}


body {

    font-family:Arial, Helvetica, sans-serif;
}


.contenedor_imagen {
    display: flex;
}

.contenedor_imagen img {
  width: 100%
}

/* aca tengo los estilos del header */

header {

    background:#1f1f1f ;
    padding: 20px 50px ;
  }

  #logo {
    width: 200px ;
  }

  /*aca estan los estilos del hero */

  #hero {
    position:relative;
  }

  #hero #portada {

    display:inline-block;
    width: 100%;
  }

  #hero .informacion_contenedor {
     position: absolute;
     top:50%;
     transform: translateY(-50%);
     left:0;
     display: flex;
     width: 100%;
     color:#fff ;
     padding: 0 50px;

  }

  #hero .informacion_contenedor #foto{
    width: 200px;
  }

  #hero .informacion_contenedor #foto img {
    border-radius: 100%;
  }

  #hero .informacion_contenedor .informacion{
    margin-left:20px;
    font-weight: bold;
    width:calc(100%-200px);
  }

  #hero .informacion_contenedor .informacion span {
    display: inline-block;
 color: #b5b5b5;
 margin-bottom: 70px;
  }
 

  /*estilo del main*/

  main{

    padding: 100px ;
  }

  main .social-icons {

display:flex;
justify-content: center;
margin-top:40px;
list-style:none;
  }

main .social-icons li{
    margin-left: 8px;
}

main .social-icons .social-icon {
    display: flex;
    justify-content:center;
    align-items:center;
  
    padding: 15px;
  
    border-radius:5px;
    width:100%;
    height:100%;

}

main .social-icons #yotube{
    background:#be0e0e ;

}

main .social-icons #facebook{
    background:#072ba0 ;
    
}