Mind games

<div class="myhome"><span>TITULO <i class="fas fa-skull"></i></span></div><div id="mindgames"><div class="yourmind" style="background: url('IMAGEN AQUÍ');"> <div class="darkmind"><div class="brighteyes">DATO</div> <div class="brighteyes"> DATO</div> <div class="brighteyes">DATO</div> <div class="brighteyes"> DATO</div> <div class="brighteyes"> DATO</div></div></div><div class="whereis">Texto TEXTOO</div><div class="infectedmind"><span><i class="fas fa-times-circle"></i> Wanted</span><span><i class="fas fa-times-circle"></i> Disponible</span>NOMBRE PJ</div></div> <div class="credits"><a href="https://therocketgirl-codes.tumblr.com/">- LILITH</a></div>


<style>#mindgames{height: 250px; width: 450px; padding: 25px; background:#222222; display: inline-block; border-bottom: 5px solid #71001B} .yourmind{height: 190px; width: 140px; display: inline-block; padding: 5px; overflow: hidden;} .whereis{background: #A3A3A3; width: 275px; padding: 10px; margin-left: 5px; display: inline-block; height: 180px; overflow: auto; font-family: Frank Ruhl Libre; text-align: justify;} .myhome{background: #71001B; transform:rotateY(180deg); width: 450px; height: 20px; padding: 25px; } .myhome span{ position: relative; color: #fff; font-family: Unica One; letter-spacing: 2px; border-bottom: 1px solid #fff; font-size: 15px; text-transform: uppercase;} .infectedmind{height: 30px; width: 450px; text-align: right; color: #fff; letter-spacing: 10px; font-family: Unica One; margin-top: 10px;} .darkmind{width: 140px; height: 190px; background: rgb(34, 34, 34, 0.6); opacity: 0; position: absolute;} .brighteyes{background: #71001B; width: 130px; height: 20px; font-family: Unica One; text-align: center; padding: 5px; center; color: #fff; margin-top: 6px;} .yourmind:hover .darkmind{opacity: 1; transition: 0.3s;} .infectedmind span{background: #2C2C2C; letter-spacing: 3px; float: left; margin-right: 5px; padding: 3px;  color: #fff; } .credits{font-size: 10px; text-align: right; width: 500px; font-family: Frank Ruhl Libre; text-transform: lowercase; letter-spacing: 3px;} .credits a {color: #fff;}</style>



<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">