Price of Freedom (thread)

<! A GIFT TO KRISTA FROM HANIE !>

<link href="https://fonts.googleapis.com/css?family=Montseratt:700,400|Muli:300,800" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>

#steve-rogers{
  width: 450px;
  outline: 1px solid #ddd;
  position: relative;
  background: #111;
  border-bottom: 15px solid #222;
  overflow: hidden;
  padding-bottom: 40px;
}

#steve-rogers .header{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 450px;
  height: 170px;
  background: #222;
}

#steve-rogers .title{
  position: relative;
  font-family: 'Montseratt', sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 40px;
  width: 300px;
  background: #222;
  color: #ccc;
  line-height: 30px;
  border-bottom: 0.5px solid #777;
  padding-bottom: 5px;
}
#steve-rogers r{
  color: #C0392B;
}

#steve-rogers .tags{
  position: relative;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 8px;
  margin-top: 10px;
  width: 300px;
  height: 50px;
  color: #ccc;
  line-height: 10px;
  letter-spacing: 0.5px;
  font-style: italic;
}
#steve-rogers t{
  color: #C0392B;
  font-weight: 800;
}

#steve-rogers .avatar{
  position: relative;
  margin-top: 10px;
  width: 50px;
  height: 50px;
  background: url(https://78.media.tumblr.com/e8852895d484e4dbc29105ebfa725977/tumblr_nifywhphLj1sr3ap7o2_500.gif);
  background-size: 50px;
  outline: 15px solid #111;
  border: 2px solid #C0392B;
  transform: rotate(45deg);
}

#steve-rogers .textbox{
  font-family: 'Muli', sans-serif;
  font-size: 9px;
  position: relative;
  margin-top: 35px;
  width: 300px;
  background: #222;
  color: #ccc;
  line-height: 12px;
  text-align: justify;
  border: 35px solid #222;
}

#steve-rogers f{
  font-family: 'Montseratt', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #C0392B;
  width: 10px;
  padding: 26px;
  float: left;
  margin-right: 10px;
  background: #111;
}

#steve-rogers .cred a{
 position: absolute;
 bottom: 12px;
 font-family: calibri;
 text-decoration: none;
 font-size: 7px;
 color: #555;
 line-height: 10px;
}

</style>

<center>
<div id="steve-rogers">

    <div class='header'></div>
    <div class='line'></div>

    <div class='title'>the <r>price</r> of freedom</div>
    <div class='tags'><t>TAGS</t> — #putsometagshere #tag again #anything </div>

    <div class='avatar'></div>

    <div class='textbox'>
        <f>L</f>orem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum ac ex eget gravida. Suspendisse porta dui vehicula, pretium ligula eget, pulvinar mauris. Nullam convallis vitae nisi in volutpat. Aliquam erat volutpat. Aliquam varius, felis sed suscipit consequat, enim nulla pellentesque dui, ac rhoncus sem nisi lacinia ligula. Vestibulum pretium ullamcorper ullamcorper. Aliquam vitae tortor eget felis egestas luctus vel mattis mauris. Vivamus a vehicula libero, nec sodales tellus. Cras a ex sit amet lacus vulputate rhoncus.
        <br><br>
        Vivamus et lacus et purus viverra molestie sed vel diam. Maecenas aliquet arcu eu euismod egestas. Proin posuere nec nulla vitae tempor. Duis varius tempor ex, vitae dictum dolor interdum eu. Sed maximus tellus non suscipit efficitur. Ut venenatis congue lorem sit amet fringilla. Cras sit amet eleifend velit, ut ultrices orci. Morbi a congue dui, a fringilla ipsum.
        <br><br>
        Donec eget molestie sem. Cras lobortis massa sit amet erat aliquet, in malesuada felis malesuada. Vivamus a viverra nunc. Sed et neque vitae massa aliquet sagittis. Morbi risus leo, vehicula quis ultrices varius, laoreet quis libero. Aenean metus elit, tristique eget libero id, volutpat porttitor ex. Sed vitae varius est. Duis condimentum sit amet nisl ut elementum. Ut malesuada pharetra erat, tincidunt pellentesque augue vestibulum at. Proin hendrerit elementum consequat. Sed at odio in mauris bibendum commodo eget eu sapien. Curabitur sed nisi et ex rutrum tempor.
        <br><br>
        Vivamus et lacus et purus viverra molestie sed vel diam. Maecenas aliquet arcu eu euismod egestas. Proin posuere nec nulla vitae tempor. Duis varius tempor ex, vitae dictum dolor interdum eu. Sed maximus tellus non suscipit efficitur. Ut venenatis congue lorem sit amet fringilla. Cras sit amet eleifend velit, ut ultrices orci. Morbi a congue dui, a fringilla ipsum.
   </div>

   <div class='cred'><a href="https://shadowplayers.jcink.net/index.php?showuser=95" title='from hanie ©'><i class="fa fa-chain"></i></a></div>

</div>
</center>