511 *

dabblet.css

/** 511 **/
* { background:rgba(0,0,0,.1); margin:auto; padding:0; box-sizing:border-box;
	transition:all 250ms }
body { font:200%/2 Georgia,serif }
a { display:block }

nav a { padding-left:2em; text-indent:1em }
nav a:after { content:attr(title) }
#logo { background:transparent;
  background:url(http://f.cl.ly/items/2b2D430f0I362O0B1B1I/511%20white.png) no-repeat;
  background-size:contain }


.idle { width:10em; margin-top:5em; animation:-idle 6s infinite linear }
@keyframes idle {
  to { transform:rotate3d(1,1,1,360deg) }}
.idle a { animation:-idle 5s infinite alternate }

dabblet.html

<nav class=idle>
 <a href=//phiveleven.com id=logo title=Phiveleven></a>
 <a href=services title=Certification></a>
 <a href=join title=About></a>
</nav>

settings.json

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