Búsqueda/Multiusos Apollo

<div class="apollo">
<input id="ap1" name="apollo" type="radio" checked/>
<input id="ap2" name="apollo" type="radio"/>
<input id="ap3" name="apollo" type="radio"/>
<input id="ap4" name="apollo" type="radio"/>
<div class="ap1">
<div class="apimg apimg1" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg2" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg3" style="background-image:url(http://placehold.it/250);"></div>
<div class="apimg apimg4" style="background-image:url(http://placehold.it/250);"></div>
</div>
<div class="ap2">
<div class="aptxt aptxt1">Texto del pj 1.</div>
<div class="aptxt aptxt2">Texto del pj 2.</div>
<div class="aptxt aptxt3">Texto del pj 3.</div>
<div class="aptxt aptxt4">Texto del pj 4.</div>
</div>
<div class="ap3">
<label for="ap1"><div class="apicon apicon1" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap2"><div class="apicon apicon2" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap3"><div class="apicon apicon3" style="background-image:url(http://placehold.it/45);"></div></label>
<label for="ap4"><div class="apicon apicon4" style="background-image:url(http://placehold.it/45);"></div></label>
</div>
</div>
<a class="ncredit" href="https://necromancercoding.tumblr.com/">NC</a>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/><link href="//dl.dropbox.com/s/yu3y9fdnol3895r/apollo.css" rel="stylesheet"/><style>.apollo { --bckg1: #f2f2f2; --bckg2: #f4f4f4; --border1: 1px solid #ddd; --group1: #ccabb6; --group2: #bfabcc; --group3: #abbacc; --group4: #abccb8; --blendmode: screen; }</style>