Rivals Multiusos

<div class="rivals">
<input type="checkbox" id="rivals" name="rivals" />
<div class="rv1">
<!-- Si no quieres un png sobre la imagen de fondo, simplemente borra este elemento -->
<div class="rvimg" style="background-image:url(https://placehold.it/400x550);"></div>
<!-- Borra hasta aquí si no quieres un png sobre la imagen de fondo -->
<div class="rvdec"></div>
<div class="rvname">
<span>NOMBRE O TÍTULO</span>
<em>DATO</em>
</div>
</div>
<div class="rv2">
<div class="rvtit">
<span>DATO</span>
<em>DATO</em>
</div>
<div class="rvtext">Texto.</div>
<div class="rvmembers">
<!-- Inicio de miembro -->
<div class="rvmember" style="--member:#HEXADECIMAL">
<div class="rvmhexa"><div class="rvmimg" style="background-image:url(https://placehold.it/80x75);"></div></div>
<div class="rvmdats">
<strong>NOMBRE - DATO</strong>
<span>DATO - DATO</span>
</div>
</div>
<!-- Final de miembro -->
</div>
</div>
<label for="rivals" open="SHOW AGENT FILE" close="CLOSE AGENT FILE"><span><em class="bi bi-hexagon"></em><em class="fas fa-angle-left"></em></span></label>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,600&display=swap" rel="stylesheet"/><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"/><link href="https://dl.dropbox.com/s/k4udqjkya0vyy9w/bootstrap-icons.css" rel="stylesheet"/><link rel="stylesheet" href="https://dl.dropbox.com/s/36uui2we4cetvxf/rivals.css" /><style>.rivals { --bckg1:url(https://i.imgur.com/TLu5e6O.png); --accent1:#bfa25b; --accent2: #9f8546; --outline:2px solid var(--accent1); --border1: 1px solid #aaa; --border2:2px solid #fff; --title:#fff; --text:#ccc; --shadow-b:1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black; }</style>