Quidditch Gryffondor

                <link href="https://fonts.googleapis.com/css?family=Bungee+Inline|Share+Tech" rel="stylesheet"/> <style>  .apparait1{opacity:0;} .apparait1:hover{opacity:0.99;transition: 3s ease;}.apparait{opacity:0;} .apparait:hover{opacity:0.99;transition: 1.5s ease;}.foqg{margin: 0 auto;width: 550px;height: 978px;background-image: url("https://image.noelshack.com/fichiers/2017/46/7/1511100510-gryffquiddteam.jpeg");background-repeat: no-repeat;}.baqg{margin: 0 auto;550px;height: 978px;background-color: #712412;}.tiqg{margin: 0 40px ;text-align:center;font-family: 'Bungee Inline', cursive;line-height: 50px;font-size: 35px;color:#e1aa00;}.joqg1{width: 160px;float: left;margin: 40px 0 0 50px;border-left: 2px solid #e1aa00;border-right: 2px solid #e1aa00; color: #141414; text-align: center; padding: 10px 20px; font-size: 15px; font-family: 'Share Tech', sans-serif; line-height: 22px;}.joqg2{width: 160px;margin: 40px auto 20px; border-left: 2px solid #e1aa00;border-right: 2px solid #e1aa00; color:#141414; text-align: center; padding: 10px 20px; font-size: 15px;font-family: 'Share Tech', sans-serif; line-height: 22px;}  .suqg{width: 450px; height: 230px;margin: 30px auto 0; border-left: 2px solid #e1aa00;border-right: 2px solid #e1aa00; color: #141414; padding: 10px 20px; text-align: justify; overflow: auto; font-family: 'Share Tech', sans-serif; font-size: 15px;}</style><div class="foqg"><div class="apparait"><div class="baqg"><div class="apparait1">
                                <div class="tiqg">Les fougueux Gryffondor</div><div class="joqg1">Prénom Nom
                        Poursuiveur 1</div><div class="joqg1">Prénom Nom
                        Poursuiveur 2</div><div class="joqg1"> Prénom Nom
                        Poursuiveur 3</div><div class="joqg1">Prénom Nom
                        Attrapeur</div><div class="joqg1">Prénom Nom
                        Batteu r1</div><div class="joqg1"> Prénom Nom
                        Batteur 2</div><div style="clear: both;"></div><div class="joqg2"> Prénom Nom
                        Gardien</div>
                                <div class="tiqg">Les supporters exaltés!</div> <div class="suqg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pellentesque augue volutpat ligula mollis rutrum. Vivamus in felis sit amet dolor iaculis aliquam. Phasellus dui lectus, semper sed sapien id, pulvinar luctus eros. Nulla dapibus hendrerit massa, ut vestibulum augue laoreet et.
                    Fusce orci purus, scelerisque id dignissim at, dapibus vitae neque. Praesent luctus viverra suscipit. Aenean vel sagittis nibh, eu venenatis diam. Donec non dui risus. Nam ut sapien pharetra, cursus enim sit amet, aliquet justo.
                    Nunc egestas egestas purus vitae consectetur.Ut consequat, purus interdum gravida fermentum, mi velit interdum felis, id ullamcorper enim mi vitae tortor. Fusce quis tempus tellus. Vivamus nec arcu dictum, v</div><div style="text-align: center; color: #141414; font-size: 10px; font-family: 'Share Tech', sans-serif;">C Roisin</div></div></div></div></div>