rose example

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>rose yeehaw</title>
  <link href="https://static.tumblr.com/0podkko/xdVp7594v/rose.css" rel="stylesheet" />
  <style>
  /* annasthms rose */
  .annasthms-rose {
    --petal-outline: #cb5e88;
    --petal-fill: #ffeaea;
    --leaf-outline: #18592a;
    --leaf-fill: #d0ddd4;
  }

  /* annasthms love letter */
  .annasthms-love-letter {
    --letter-border-width: 5px;
    --letter-border-color: rgba(255, 142, 142, 0.25);
    --letter-background: #ffffff;
    --letter-text-align: center;
    width: 300px;
  }
  </style>
</head>
<body>
  <!--------------------------------------------------

  - rose by annasthms (apr 11, 2018)
  more info @ https://annasthms.tumblr.com/more/rose

  --------------------------------------------------->

  <div class="annasthms-rose" top=200 left=50></div>

  <!--------------------------------------------------

  - rose + love letter by annasthms (apr 11, 2018)
  more info @ https://annasthms.tumblr.com/more/rose

  --------------------------------------------------->

  <div class="annasthms-love-letter">
    <div class="annasthms-rose"></div>
    <div class="annasthms-letter-contents">
      love letter text
    </div>
  </div>
  <script src="https://static.tumblr.com/0podkko/nTIp7599h/rose.min.js"></script>
</body>
</html>