Narcissa App CSS

.narcissa {
  margin: 10px auto;
  width: 502px;
  height: 601px;
  padding: 11px;
  background: #ddd;
  border: 5px solid #eee;
  outline: 1px solid #ccc;
}
.narcissa br {
  display: none;
}
.narcissadato p br {
  display: block;
}
.narcissabody {
  width: 502px;
  height: 601px;
  box-sizing: border-box;
  padding: 20px;
  background: #eee;
  border: 1px solid #ddd;
  outline: 10px solid #fff;
}
.narcissa .narcissaheader {
  background: #aaa;
  padding: 20px 0;
  font: 30px Playfair Display;
  color: white;
  text-align: center;
  letter-spacing: -1px;
  font-weight: bold;
  font-style: italic;
  text-transform: lowercase;
  line-height: 30px;
}
.narcissa .narcissaheader span {
  display: block;
  font: 10px calibri;
  text-transform: uppercase;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 20px;
  letter-spacing: 0px;
}
.narcissaimg {
  background-image: url(http://via.placeholder.com/460x465);
  width: 460px;
  height: 465px;
  margin-top: 10px;
  position: absolute;
  overflow: hidden;
}
.narcissadatos {
  background: #f5f5f5;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  width: 420px;
  height: 425px;
  position: absolute;
  bottom: -425px;
  left: -420px;
  box-sizing: border-box;
  padding: 10px;
  transition: ease 1s;
}
.narcissaimg:hover .narcissadatos {
  bottom: 20px;
  left: 20px;
}
.narcissadatos img {
  float: left;
  border: 5px solid #fff;
  outline: 1px solid #ddd;
}
.narcissadato {
  background: #eee;
  border: 1px solid #fff;
  outline: 1px solid #ddd;
  margin-left: 120px;
  width: 280px;
  height: 195px;
}
.narcissadatos img + .narcissadato {
  margin-bottom: 10px;
}
.narcissadato h1,
.narcissadato p {
  margin: 0px;
}
.narcissadato h1 {
  background: #ddd;
  color: #666;
  font: 10px calibri;
  text-transform: uppercase;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.narcissadato p {
  margin: 5px;
  padding-right: 3px;
  height: 165px;
  overflow: auto;
  font: 10px verdana;
}
.ncredit {
  width: 535px;
  text-align: right;
  margin: 0 auto;
  display: block;
  font-size: 10px;
  text-decoration: none;
  font: 8px verdana;
}
.narcissa + br + .ncredit {
  margin-top: -15px;
}
.ncredit:before {
  content: "©";
}