Los Angeles 511

dabblet.css

/* Los Angeles 511 */
* { margin:0;padding:0 }
body { font:100%/1 sans-serif }

.sky { position:fixed; top:0;right:0;bottom:0;left:0;
  background-image:linear-gradient(-100deg, #c9e2ff, #409cff) }

.highway { font-size:2em; letter-spacing:-.05em; color:#fff; 
  background:rgb(34,78,57); width:12em;
  background-image:linear-gradient(bottom, #224e39, #3a805e);
  text-shadow:-1px 1px 8px #ffc, 1px -1px 8px #fff;
  box-shadow:inset 0 0 .5em rgba(255,255,200,.2);
  border:.07em solid; border-radius:.1em; 
  padding:.6em 1.6em; margin:16px; display:block }
  
  aside { float:right }

dabblet.html

<h1 class=sky>
  <a class=highway>Los Angeles <aside>511</aside></a>
</h1>

settings.json

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