Portada Baul 12.

<div class="portada-baulb12"><div class="nombre-bb12"><span>Maeve A.<b>Sullivan</b></span></div><div class="imgbb12"><img src="https://placehold.jp/300x300.png"/><div class="linksportada-b12"><div><a href="#"><i class="fas fa-user"></i></a><a href="#"><i class="fas fa-music"></i></a><a href="#"><i class="fas fa-users"></i></a><a href="#"><i class="fas fa-clock"></i></a><a href="#"><i class="fas fa-camera-retro"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-instagram"></i></a><a href="#"><i class="fas fa-envelope"></i></a></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>:root{--btb12-acento-1:#999;--btb12-acento-2:#68A08A;} @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@500&family=Poppins:wght@900&display=swap'); .portada-baulb12{width:390px; height:490px; border:1px solid #ddd; margin:10px auto; background:#fafafa;} .nombre-bb12{height:100px; border-bottom:1px solid #ddd; margin-bottom:25px; background:#fff; display:flex; align-items:center; justify-content:flex-end; padding:0px 20px;} .portada-baulb12 img{display:block; width:300px; height:300px;webkit-transition: 1s; -o-transition: 1s;transition: 1s;} .imgbb12{width:300px; height:300px; border:20px solid #fff; background:#fff; outline:1px solid #ddd; margin:0px auto; overflow:hidden;} .imgbb12:hover img{transform: translateY(-100px) scale(1.3) rotate(7deg); webkit-transition: 1s; -o-transition: 1s;transition: 1s; margin-bottom:-100px;} .linksportada-b12{width:300px; height:100px; align-items:flex-end; justify-content:center; display:flex;} .linksportada-b12 div{ position:relative; display:grid; grid-template-columns:35px 35px 35px 35px; grid-template-rows:35px 35px; background:#fff; padding:10px 79px; border:1px solid #ddd; border-top:10px solid var(--btb12-acento-1);} .linksportada-b12 a i{color:var(--btb12-acento-1); font-size:19px; bord er:2px solid var(--btb12-acento-1); cursor:crosshair; margin:10px;} .nombre-bb12 span{display:block; font-family: 'Poppins', sans-serif; font-size:32px; text-transform:uppercase; letter-spacing:-1px;  text-align:right; color:transparent;-webkit-text-stroke-color:var(--btb12-acento-2);-webkit-text-stroke-width: 1px; font-weight:900; line-height:28px} .nombre-bb12 span b{-webkit-text-stroke-width: 0px; color:var(--btb12-acento-2); display:block; font-weight:900} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>