sakura card captor - misceláneo

<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<div class="scc1"><div class="scc2"><img src="https://via.placeholder.com/225x270"><img src="https://via.placeholder.com/225x270"><div class="scc3"><div class="scc4"><div class="scc5">name's wardrobe</div><div class="scc6" style="background: #eee"></div><div class="scc6" style="background: #eee"></div><div class="scc6" style="background: #eee"></div><div class="scc6" style="background: #eee"></div></div><img src="https://via.placeholder.com/100"></div><img src="https://via.placeholder.com/300x150"><img src="https://via.placeholder.com/150x150"></div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.scc1 {margin: 0 auto; width: 460px; padding: 30px; background: #fff; border: 1px solid #eee; outline: 10px solid #eee; outline-offset: -20px; display: flex; flex-wrap: wrap; justify-content: center}.scc2 {width: 460px; display: flex; flex-wrap: wrap; justify-content: space-between}.scc2 img {margin: 2px 0}.scc3 {width: 430px; padding: 10px; background: #fff; border: 5px solid #eee; margin: 5px 0; display: flex; flex-wrap: wrap; justify-content: space-around}.scc4 {width: 300px; height: 120px; display: flex; flex-wrap: wrap; justify-content: space-around}.scc3 img {width: 100px; height: 100px; border-radius: 50%; padding: 5px; border: 3px solid #eee}.scc5 {width: 280px; padding-top: 10px; text-align: center; font-family: abril fatface; font-size: 25px; color: #888}.scc6 {width: 50px; height: 50px; border-radius: 50%}.stcred {margin: 0 auto; width: 400px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>