<style>

 /* cp cp-tiger-o */
 .pepper {
   --main-color:#BC8A8E;
   --accent:#9789A1;
 }

.jspgal {
  width:400px;
  margin:20px auto;
  background:linear-gradient(var(--main-color), var(--accent));
  padding:20px;
  border-radius:20px;
  line-height:100%;
}

.jspgal-head {
  padding:20px;
  text-align:center;
  color:#fff;
  display:flex;
  flex-wrap:no-wrap;
  align-items:center;
  padding-bottom:30px;
}

.jspgal-head span {
  font-size:55px;
  color:var(--main-color);
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #fff;
}

.jspgal-line {
  width:100%;
  height:0.5px;
  background:#fff;
  margin:0px 20px;
}

.jspgal-rp {
  padding:50px;
  background:#eee;
  border-radius:15px;
  text-align:justify;
  font-family:'Nunito', Arial, sans-serif;
  font-weight:500;
  font-size:15px;
  line-height:23px;
  color:#666;
}

.jspgal-rp b {
  color:var(--main-color);
  filter:brightness(90%);
}

.jspgal-rp i {
  line-height:100%;
  border-bottom:1px solid var(--accent);
  padding-bottom:1px;
}

.jspgal-notes {
  margin-top:20px;
  padding:15px 0px 0px 0px;
  text-align:right;
  font-size:13px;
  border-top:1px solid #999;
}

.jspgal-poke {
  padding:10px;
  text-align:center;
  background:#eee;
  margin-top:10px;
  border-radius:15px;
}

.jspgal-poke .pokesprite {
  padding-bottom:5px;
}

</style>

<script src="//pull.cappuccicons.com/cpf.js"></script>
<link href="https://fonts.googleapis.com/css?family=Nunito:100,200,300,400,500,600,700,800|Poppins:100,200,300,400,500,600,700,800" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/9s289mbhxpdhb3l/starry.css" rel="stylesheet">
<link href="//msikma.github.io/pokesprite-spritesheet/assets/pokesprite-pokemon-gen8.css" rel="stylesheet">


<div class="jspgal pepper">
  <div class="jspgal-head">

    <div class="jspgal-line"></div>
    <span class="cp cp-tiger-o"></span>
    <div class="jspgal-line"></div>

  </div>
  <div class="jspgal-rp">

    Sydney watched him frown slightly.
<p><b>“Are we <i>alone</i>?”</b> she asked.
<p>Victor blinked, and the frown was gone, replaced by the even calm he always wore. His shoe slid from the gravestone. <b>“Just us and the dead.”</b>

  <div class="jspgal-notes">
  notes go here
  </div>

  </div>

  <div class="jspgal-poke">

  <pkmn class="pokesprite pokemon zoroark"></pkmn>

  </div>

</div>