27.- Unicorn (ficha 1 cuadro)

<div class="VPI" style="text-shadow: 2px 2px #ff4170, 0 0 10px #ff4170;">
<div class="ttVPI" style="background: linear-gradient(135deg, #ff7faa 0%, #ff4170 100%); box-shadow: inset 0 -4px 2px -2px #ff4170;">Conoce a...
<span>Nombre Apellido</span><img src="https://i.imgur.com/qAn4y60.jpg?1" style="box-shadow: 2px 2px #ff4170, 0 0 10px #ff4170;">
<div class="taVPI"><i class="far fa-clock"></i>Cronología</div>
<div class="piVPI" style="background: #ff4170;"></div></div><div class="keVPI" style="color: #ff4170;"><div class="reVPI">Temas Activos</div><div class="euVPI"><div><a href="URLURL" style="color: #ff4170;">Primer Enlace</a>
con <b>Nombre Apellido</b>

<a href="URLURL" style="color: #ff4170;">Segundo Enlace</a>
con <b>Nombre Apellido</b>

<a href="URLURL" style="color: #ff4170;">Tercer Enlace</a>
con <b>Nombre Apellido</b>

<a href="URLURL" style="color: #ff4170;">Cuarto Enlace</a>
con <b>Nombre Apellido</b>

<a href="URLURL" style="color: #ff4170;">Quince Enlace</a>
con <b>Nombre Apellido</b>
</div></div>

</div></div><a href="https://emmescodes.tumblr.com/" class="miVPI" style="color: #ff4170;">code by EMME</a>

<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><style>.VPI, .VPI * {box-sizing: border-box;} .VPI div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .VPI div::-webkit-scrollbar-thumb {background: #0006 !important;} .VPI {width: 330px; margin: auto; background: #FFF; box-shadow: 5px 5px 15px #0009; position: relative; text-align: center; overflow: hidden;} .ttVPI {color: #FFF; position: relative; padding: 30px 0 0; font: 12px Roboto;} .VPI br {display: none;} .ttVPI span {font: 18px/18px Gloria Hallelujah; display: block;} .ttVPI img {width: 100px; display: block; margin: 20px auto; border-radius: 50%; height: 100px; border: 2px solid; padding: 3px;} .piVPI, .ttVPI:after {-webkit-mask-image: url(https://i.imgur.com/X2D4E04.png); -webkit-mask-size: contain;mask-image: url(https://i.imgur.com/X2D4E04.png); width: 28px; height: 7px; background: #FFF; mask-size: contain; position: absolute; bottom: 0; right: 44px; content: ""; transition: .5s;} .piVPI {margin: 0 0 0 3px; bottom: 2px;} .taVPI {font: 10px roboto; text-transform: uppercase; letter-spacing: 2px; padding: 10px 45px 25px; text-align: right;} .taVPI i {font-size: 20px; margin: -5px 0 0 5px; float: right;} .keVPI {background: #0001; margin: 20px; text-shadow: none; padding: 1px 0 9px;} .reVPI {font: bold 15px/20px Roboto; letter-spacing: 2px; float: right; margin: 15px 10px -2px; border-bottom: 3px solid; padding: 0 5px;} .euVPI {text-align: justify; border: 1px solid; margin: 36px 10px 0; width: calc(100% - 20px);} .euVPI div {color: #666; margin: 20px; overflow: auto; height: 200px; font: 12px Roboto; padding-right: 5px;} .euVPI div br {display: block; margin: 5px;} .euVPI a {font: 15px/1 Gloria Hallelujah; transition: .5s; padding-top: 12px; display: inline-block;} .euVPI a:hover {letter-spacing: 2px;} .miVPI {font: 10px/15px Roboto !important; display: block; text-align: center; transition: .5s;} .miVPI:hover {letter-spacing: 5px;}</style>