<link href="https://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet">
<style type="text/css">/*
*/ #gawhintergrund { width: 600px; height: auto; background-color: #1e1e1e; color: #fff; font-size: 11px; font-family: Raleway; font-weight: 100; } /*
*/ #gawhintergrund a { padding-left: 0px; color: #616161; padding-bottom: 20px; } /*
*/ #gawbox { box-sizing: border-box; width: 500px; padding-top: 20px; height: auto; text-align: justify; background-color:#1a1a1a;} /*
*/ #gawtitel_rechts{ text-align: right; font-size: 30px; padding-left: 20px; text-transform: lowercase; } /*
*/ #gawname { font-size: 40px; text-align: center; padding: 50px 0px 0px 40px; letter-spacing: 2px; } /*
*/ #gawuntertitel { text-transform: lowercase; text-align: center; padding-left: 30px; margin-top: -23px; font-size: 15px; } /*
*/ #gawfacts { text-align: center; padding-right: 30px; font-size: 13px; text-transform: lowercase; } /*
*/ #gawfacts_unten { text-align: center; padding: 20px 0px 30px 30px; font-size: 13px; text-transform: lowercase; } /*
*/ #gawinfokasten { display: flex; align-items: center; justify-content: center; height: 30px; text-align: center; -webkit-columns: 2 102px; -moz-columns: 2 102px; columns: 2 102px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding-bottom: 20px; } /*
*/ #gawinfoboxen { box-sizing: border-box; width: 100px; margin-bottom: 5px; background-color: #111111; padding: 10px; } /*
*/ #gawabstand { box-sizing: border-box; width: 20px; } /*
*/ #gawcredit { box-sizing: border-box; width: 550px; margin-bottom: 5px; padding: 10px; text-align: right; } /*
*/ #gawbild1 { background-image: url('https://via.placeholder.com/120x160'); width: 120px; height: 160px; float: right; margin: 100px 50px 7px 15px; } /*
*/ #gawbild2 { background-image: url('https://via.placeholder.com/120x160'); width: 120px; height: 160px; float: left; margin: 100px 15px 7px 50px; } /*
*/ #text{ font-size:13px;} /*
</style><center><div id="gawhintergrund"><div id="gawname">Name</div><br/>
<div id="gawuntertitel">Hier kann ein Motto hin.</div><br/>
<div id="gawfacts"> Gemischte oder reinrassige Gruppe? | Gleichgeschlechtlich o. Gemischte Geschlechter?</div><div id="gawfacts_unten">Gut/Böse/Neutral | Jugendliche o. alte Wege | Gründer:</div>
<br/><div id="gawbox"><div id="gawtitel_rechts">The history</div><br /><div id="text"> min.400 Wörter. Muss Ziele, wichtige Ereignisse und weitere wichtige Informationen enthalten. Bitte makieren im Text!</div>
</div>
<div id="gawcredit">
<a href="https://storming-gates.de/member.php?action=profile&uid=3836">by BlackRose</a>
</div>
</div>
</center>
Startseite 
