Pop Resumen 1x1

<div class="pop">
<input name="pop" id="p0" type="radio"></input>
<input name="pop" id="p1" type="radio"></input>
<input name="pop" id="p2" type="radio"></input>
<input name="pop" id="p3" type="radio"></input>
<div class="pheader"><label for="p0"><span>título</span></label></div>
<div class="pbody">
<label for="p1"><div class="pimg pimg1" name="Nombre del primer pj" playedby="PB del segundo pj"></div></label>
<label for="p2"><div class="pcenter"><i class="fas fa-fist-raised"></i></div></label>
<label for="p3"><div class="pimg pimg2" name="Nombre del segundo pj" playedby="PB del segundo pj"></div></label>
<div class="pcontainer pcontainer1"><p>Texto del primer pj.</p></div>
<div class="pcontainer pcontainer2"><p>Texto de la trama.</p></div>
<div class="pcontainer pcontainer3"><p>Texto del segundo pj.</p></div>
</div>
</div>
<a href="http://necromancercoding" class="ncredit">NC</a>
<style>.pop { --bckg1: #fafafa; --bckg2: #f4f4f4; --accent1: #43336d; --accent2: #2c204c; --title: #fff; --border1: #ccc; --border2: #fff; --border3: #bbb; --img1: url(https://66.media.tumblr.com/ecde7effc88a9cc726977994607baa95/tumblr_porysqyvOf1xd8xvgo1_250.png); --img2: url(https://66.media.tumblr.com/b7a6496ef046cdb14fd72250f75b2160/tumblr_porysqyvOf1xd8xvgo2_250.png); }</style><link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css"/><link rel="stylesheet" href="https://dl.dropbox.com/s/suu8xsv16og2lkm/pop.css"/>