body{
    background: rgb(142, 214, 216);
    color: black;
    text-align: center;
}

div{
    display: flex;
    justify-content: space-between;
}

/* comienza estilo de boton */
.boton {
    padding: 12.5px 30px;
    border: 0;
    border-radius: 100px;
    background-color: #2ba8fb;
    color: #ffffff;
    font-weight: Bold;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  
  button:hover {
    background-color: #6fc5ff;
    box-shadow: 0 0 20px #6fc5ff50;
    transform: scale(1.1);
  }
  
  button:active {
    background-color: #3d94cf;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    box-shadow: none;
    transform: scale(0.98);
  }

/* termina estilo de boton */

/* titulo e informacion de la persona */
.titulo{
    font-size: 5vmin;
    display: flex;
    text-align: center;
}

.descripcion{
    font-size: 4vmin;
    text-align: center;
    margin: auto;
}

/* formato de imagen */


.foto{
    display: flex;
    height: 60vmin;
    margin: auto;
    border: 10px solid transparent;
    padding: 15px;
   position: relative;
}

.foto.boton:hover:not(:disabled) {
    background: rgb(90, 46, 123);
    color: white;
    text-shadow: 0 0.2rem pink;
}

.contenedor-foto{

  width: 80%;
  height: 60vh;
  position: relative;

}