Gray (relaciones)

<div class="MD3" style="background-image: repeating-linear-gradient(45deg, #FFF 1px, #ddd 1px, #ddd 2px, #FFF 2px, #FFF 6px);color: #DDD;-webkit-text-fill-color: #999;"><div class="imMD3" style="background-image: url(https://i.postimg.cc/c4ZkKvFT/c7be6714d08809073917ec2af89a9555.jpg);"><strong>Título Aquí</strong></div><div class="daMD3">
<span>Edad</span>
<span>Nacionalidad</span>
<span>Ocupación</span>
</div><div class="qtMD3">Sesame snaps sweet roll jujubes icing jujubes bear claw. Gummi bears cheesecake jelly-o icing cake carrot cake jujubes fruitcake.</div><div class="ttMD3">Relationship</div><div class="reMD3">

<div style="background-image: url(https://i.postimg.cc/c4kqqdK2/cc76ba9ddf8d44db112f5eca26a01d22.jpg);"><div><strong>Nombre Apellido</strong><div>Lemon drops croissant liquorice halvah biscuit pastry dessert lollipop. Pastry cupcake gingerbread candy canes marshmallow wafer apple pie pie cotton candy. Macaroon sweet roll tootsie roll cotton candy. Cake muffin pudding liquorice.</div></div></div>

<div style="background-image: url(https://i.postimg.cc/q7V4YpS0/2e194df3307dedd0de85a6045559d9d6.jpg);"><div><strong>Nombre Apellido</strong><div>Lemon drops croissant liquorice halvah biscuit pastry dessert lollipop. Pastry cupcake gingerbread candy canes marshmallow wafer apple pie pie cotton candy. Macaroon sweet roll tootsie roll cotton candy. Cake muffin pudding liquorice.</div></div></div>

<div style="background-image: url(https://i.postimg.cc/9QqcJDxJ/c98c9b34815c236b2d72fd7e6bd1b60d.jpg);"><div><strong>Nombre Apellido</strong><div>Lemon drops croissant liquorice halvah biscuit pastry dessert lollipop. Pastry cupcake gingerbread candy canes marshmallow wafer apple pie pie cotton candy. Macaroon sweet roll tootsie roll cotton candy. Cake muffin pudding liquorice.</div></div></div>

<div style="background-image: url(https://i.postimg.cc/k5QqPkPS/4a9b8dbe7fda0e31dd23cf91d795d862.jpg);"><div><strong>Nombre Apellido</strong><div>Lemon drops croissant liquorice halvah biscuit pastry dessert lollipop. Pastry cupcake gingerbread candy canes marshmallow wafer apple pie pie cotton candy. Macaroon sweet roll tootsie roll cotton candy. Cake muffin pudding liquorice.</div></div></div>

</div><a class="miMD3" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a></div>

<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Poppins&display=swap" rel="stylesheet"><style>.MD3, .MD3 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MD3 {width: 400px; margin: auto; padding: 10px; border: 1px solid; position: relative; text-align: center; font: 10px Poppins;} .imMD3 {margin: 1px; border: 5px solid #FFFD; outline: 1px solid; background-clip: padding-box; padding: 30px; background-size: cover; background-position: center;} .imMD3 > strong {padding: 20px 0; font: 12px Noto Sans; letter-spacing: 2px; background: #FFFD; display: block;} .qtMD3, .daMD3 > span, .ttMD3, .reMD3, .miMD3 {background: #FFFD; border: 1px solid;} .qtMD3 {margin-top: 5px; padding: 20px; font-style: italic; letter-spacing: 1px; line-height: 14px;} .daMD3 {margin: 5px -5px 0 0; display: flex; align-items: center; justify-content: space-between;} .daMD3 > span {flex-grow: 1; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase; font-size: 8px; padding: 3px;} .ttMD3 {font: 12px Noto Sans; letter-spacing: 2px; margin-top: 5px; padding: 10px;} .reMD3 {margin: 6px 1px 1px; max-height: 320px; overflow: auto; border: 20px solid transparent; outline: 1px solid;} .reMD3 > div {position: relative; background-color: #DDD; height: 80px; margin: 10px; overflow: hidden; background-position: center; background-size: cover; filter: saturate(0); transition: 1s;} .reMD3 > div:hover {filter: saturate(1);} .reMD3 > div > div {position: absolute; background: #fffD; width: 100%; left: 0; transition-duration: .5s; top: calc(100% - 16px); height: 100%;} .reMD3 > div:hover > div {top: 0%; transition-delay: .3s;} .reMD3 > div > div > strong {font: 10px Noto Sans; letter-spacing: 2px;} .reMD3 > div > div > div {height: calc(100% - 30px); overflow: auto; margin: 5px 10px; text-align: justify; hyphens: auto; line-height: 110%;} .miMD3 {display: block; font: 8px poppins; letter-spacing: 2px; margin-top: 5px; color: inherit !important; text-transform: uppercase; padding: 3px; transition: .5s;} .miMD3:hover {letter-spacing: 10px;} .MD3 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MD3 div::-webkit-scrollbar-thumb {background: #0003 !important;} .daMD3 > br, .reMD3 > br {display: none;}</style>