Nara Multiusos

<div class="mysterious">
<input name="mysterious" id="mysterious" type="checkbox"></input>
<div class="mimg"></div>
<div class="mheader">
<m>NOMBRE APELLIDO</m>
<n>Grupo o rango</n>
</div>
<div class="mtext"><p>Texto.</p></div>
<label for="mysterious"><i class="fas fa-plus"></i></label>
</div>
<a class="ncredit" href="http://necromancercoding.tumblr.com">NC</a>

<style>.mysterious{ --bckg:#fafafa; --header:#fff; --border:#ddd; --bradius:5px; --txt:#444; --accent:#d390a3; --accent-2:#cb7990; --button:#fff; --img:url(https://placehold.it/356x200); }</style><link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css"/><link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/g8m2nv1t2w70tix/mysterious.css" rel="stylesheet"/>