MM028.- After (aesthetic)

<div class="MM028"><div class="MM028-a"><div>¿...?</div><div style="background-image: url(https://i.postimg.cc/13zVNTWS/b.jpg);"></div></div>

<div class="MM028-b">
<div style="background-image: url(https://i.postimg.cc/437KWckF/d.jpg);"></div>
<div class="MM028-ce" style="background-image: url(https://i.postimg.cc/SNkMmjCJ/e.jpg);"><b>Lan Wangji</b>x<b>Wei Wuxian</b></div>
<div style="background-image: url(https://i.postimg.cc/W1fFmnKk/c.jpg);"></div>
</div>

<div class="MM028-a"><div style="background-image: url(https://i.postimg.cc/L6DZ5R3v/a.jpg);"></div><div>...mio</div>

</div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><style>.MM028, .MM028 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; } .MM028 br { display: none; } .MM028 { width: 550px; margin: auto; border: 1px solid; background: #e0d4c8; padding: 10px; display: flex; color: #bab9b7; } .MM028 > div { flex: 1; height: 600px; display: flex; flex-direction: column; } .MM028 > div ~ div { margin-left: 5px; } .MM028 > div > div { border: 1px solid; flex: 1; background-color: #FFF; display: flex; align-items: center; justify-content: center; flex-direction: column; font: 26px Bicycle; letter-spacing: 1px; background-position: center; background-size: cover; box-shadow: inset 0 0 0 5px #fffe; text-shadow: 1px -1px #FFF, -1px 1px #FFF, -1px -1px #FFF, 1px 1px #FFF, 1px 1px #FFF, 0 0 15px #FFF; -webkit-text-fill-color: #555; } .MM028 > div > div ~ div { margin-top: 5px; } .MM028-ce { width: 220px; min-height: 300px; } @font-face { font-family: Bicycle; src: url(https://dl.dropbox.com/s/yezeczv89jcpd0e/Bicycle.otf); } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>