Sirius Application (HTML)

<div class="sirius">
<input id="ficha" type="checkbox" name="ficha"></input>
<img src="https://i.imgur.com/oX2HsQN.png" class="simg1"/>
<div class="sdatos">
<div class="sdatos2"><span>GRYFFINDOR</span>
<span>7º CURSO</span>
<span>CAZADOR</span>
<span>SANGRE PURA</span>
<span>BEN BARNES</span>
</div>
</div>
<img src="https://i.imgur.com/8xckyrz.png" class="simg2"/>
<div class="scajas">
<div class="scaja scaja1"><h6><i class="fas fa-brain"></i> DATOS PSICOLÓGICOS</h6><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae eleifend nunc. Suspendisse potenti. Mauris eget nisl mollis, tristique lacus non, semper diam. Morbi bibendum elit ligula, non aliquam sapien feugiat quis. Sed malesuada diam ligula, accumsan hendrerit lectus accumsan nec. Integer tristique at neque quis varius. Vivamus rhoncus sagittis elementum. Proin sed justo quam. Nullam ornare pulvinar purus, id cursus tellus bibendum ut. Vestibulum accumsan vehicula semper.

Donec aliquet a libero ut vehicula. Proin varius, turpis id commodo rhoncus, justo metus cursus ante, blandit elementum sapien lectus vel justo. Phasellus gravida leo eu dui pulvinar, eget pulvinar tellus vehicula. Fusce vitae molestie justo. Donec neque dolor, ultrices sit amet mi eu, lacinia venenatis arcu. Donec finibus purus at ipsum pellentesque, quis pellentesque lorem tristique. Donec odio quam, dignissim vel tortor sit amet, fermentum condimentum erat. Duis placerat, quam vel congue pretium, nisl lacus faucibus nisi, sit amet luctus ante quam at nisl. Integer imperdiet dui nec tristique cursus. Sed non magna ut sapien tempus tincidunt sed nec metus. Sed porta nulla in scelerisque molestie.

Vestibulum ex arcu, convallis id aliquam sed, porttitor eu erat. Pellentesque at sem sed tortor cursus posuere pharetra id nibh. Fusce sed lorem tellus. Sed posuere mauris libero, sed mollis justo auctor nec. Curabitur pretium aliquet dolor. Aenean at odio nec justo luctus iaculis. Proin risus velit, lobortis in libero vitae, dictum consequat quam. Duis fermentum dapibus nunc lobortis tristique. Integer condimentum ultrices mauris sed elementum. Praesent vehicula tortor ante, blandit volutpat neque ullamcorper a. Phasellus finibus dolor mauris, nec malesuada lectus tempor vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque lectus urna, porta sed molestie eu, tempor vitae massa.</p>
</div>
<div class="scaja scaja2"><h6><i class="fas fa-book-open"></i> HISTORIA</h6><p>Aenean placerat tempus dignissim. Praesent quis enim sodales, posuere urna at, suscipit ex. Donec malesuada faucibus ullamcorper. Maecenas mollis ac quam non pellentesque. Cras sit amet nisi non sem pulvinar vehicula. Suspendisse eget nulla quis lacus tristique ultrices nec vel ipsum. Integer molestie orci risus, eu hendrerit felis iaculis nec. Suspendisse in lacus et arcu dictum hendrerit at ac ex. Ut at ex lacus. Phasellus eget tellus tortor. Nam tortor ex, hendrerit eget sapien et, vehicula malesuada risus. Phasellus convallis fermentum varius. Aenean aliquet ornare leo eget finibus. Nam commodo pretium nibh, id scelerisque sem sodales et. Sed sed rhoncus turpis.

Fusce et faucibus leo. Donec quis tempor est. Phasellus finibus dapibus libero, eu blandit diam interdum sed. In congue mauris at venenatis finibus. Donec ornare mollis pellentesque. Mauris sed velit maximus, sollicitudin augue et, posuere neque. In non felis sed enim rutrum elementum eu nec urna. Aenean euismod, neque id auctor placerat, felis magna viverra lectus, ut dictum nibh nisi eu lectus. Etiam laoreet nisi a enim efficitur faucibus.</p>
</div>
</div>
<label for="ficha">
<div class="stitulo">
<span>SIRIUS BLACK</span>
<em>SOB</em>
</div>
</label>
</div>
<a href="http://necromancercoding.tumblr.com" class="ncredit">NC</a>


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet">