Untitled

dabblet.css

body {
    font-size: 2em;
    max-width: 400px;
}

a {
  color: 3e7ded;
  text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff,
  
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff,
  
    3px 3px 0 #fff,
    -3px 3px 0 #fff,
    3px -3px 0 #fff,
    -3px -3px 0 #fff,

     1px 0 0 #fff,
     -1px 0 0 #fff,
     0 1px 0 #fff,
     0 -1px 0 #fff,
    
     2px 0 0 #fff,
     -2px 0 0 #fff,
     0 2px 0 #fff,
     0 -2px 0 #fff,
  
     3px 0 0 #fff,
     -3px 0 0 #fff,
     0 3px 0 #fff,
     0 -3px 0 #fff;
    
  text-decoration:none;
  border-bottom:1px solid #3e7ded;
  display: inline-block;
  line-height:.9em;
  padding-top:.1em;
}

dabblet.html

This is the story of <a href="#">young gregory</a>, you'll get to know him well.
<br>
<a href="#">متشرف بمعرفتك</a>
<br>
<a href="#">Intriguing, eh?</a>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}