.bgbody {
  background-color: black;
}

.btn-preview {
  background-color: #e8c65f;
}

.textcolor {
  color: white;
}

.bio {
  text-align-last: center;
}

a {
  color: white;
  text-decoration: none;
}

.row-logo {
  height: 40px;
  background: black;
  padding: 10px;
}

.img-logo {
  max-width: 180px;
  max-height: inherit;
}

.btn_save {
  text-align: right;
}

.row-foto {
  height: 400px;
  overflow: hidden;
  margin-bottom: 10px;
}

.svg {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
  height: inherit;
}

.pp {
  /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); */

  transform: translateY(10%);
  transition: transform 200ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  overflow: hidden;
  /* border-color: #e8c65f;
    border-style: solid;
    border-width: 2px;
       border-radius: 50%; */
}

.pp:hover {
  transform: translateY(10%) scale(1.3);
}

.pp {
  height: 100%;
}