Icarus Post Template

<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya" rel="stylesheet">

<style type="text/css">
.template {
  width:500px;
  padding:20px;
  align-items: center;
  border:20px solid #c12f28;
  background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.texture_726_by_sirius_sdz-d9v2xct.jpg.ef9d7b8661ab9b4394a504a321b345c7.jpg);
  background-color:#354658;
}

#title {
  width:499px;
  height:40px;
  color:#000;
  font-size:40px;
  font-weight:bold;
  text-align:center;
  letter-spacing:3px;
  text-transform:uppercase;
  font-family: 'Cormorant Unicase', serif;
}

#img {
  width:499px;
  height:150px;
  margin-bottom:7px;
  border: 1px #000 solid;
}

#quote {
  width:489px;
  padding:5px;
  color:#000;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  margin-bottom:7px;
  background-color:#e3dbc9;
  border: 1px #000 solid;
  text-transform:uppercase;
  font-family: 'Alegreya', serif;
}

.body{
  width:490px;
  padding:5px;
  font-size:14;
  color:#000;
  text-align: justify;
  background-color:#e3dbc9;
  border: 1px #000 solid;
  font-family: 'Alegreya', serif;
}

.body p:first-letter {
  color:#c38063;
  font-size:30px;
  font-weight:bold;
  font-family: 'Alegreya', serif;
}

.template b {
  color:#c28505;
}

.template i {
  color:#e5a41c;
}

.ooc {
  font-size:14;
  color:#000;
  text-align:center;
  border-top: 1px #000 solid;
  font-family: 'Alegreya', serif;
}

.notes {
  color:#000;
  width:490px;
  padding:5px;
  font-size:14px;
  margin-top:7px;
  font-weight:bold;
  text-align:center;
  background-color:#e3dbc9;
  border: 1px #000 solid;
  font-family: 'Alegreya', serif;
}
</style>

  <div class="template">
    <div id="title">Icarus</div>
    <div id="img"><img src="https://images.rpginitiative.com/uploads/monthly_2018_07/large.icarus-angel-480x272-wallpaper.png.65f09390e6909ecb08e785f9ddb8972a.png"></img></div>
  <div id="quote">The skeptic in me didn't believe in the sun, but the masochist in me knew it burned.</div>
  <div class="body">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed dapibus eros, eu rhoncus elit. Vestibulum mattis mi nec ligula lacinia dictum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ultricies tincidunt enim, nec pretium eros sagittis eget. Aenean et lacinia purus. Phasellus pretium est ut lectus placerat, sit amet feugiat nibh ultrices. Donec convallis, orci sodales suscipit scelerisque, nibh turpis aliquet dui, eu feugiat ante risus ut purus. Fusce eget sapien vitae urna tincidunt vehicula sed aliquet sapien. Cras consequat libero vel porta elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis quis lectus vitae turpis fermentum fermentum sed ut arcu.</p>
  <div class="ooc"><b>Speech</b><br>
    <i>Thoughts</i>
</div>
</div>
   <div class="notes">Comments | Tags | Notes</div>
    <div class="notes">Table by <a href="https://rpginitiative.com/profile/2424-kaisa/">Kaisa</a></div></div>