CSS openworlds logo http://openworlds.in.th/

dabblet.css

/* CSS openworlds logo http://openworlds.in.th/ */
@import url(http://fonts.googleapis.com/css?family=Andika);
p {
   margin: 0;
   padding: 0;
   font-family: 'Andika', sans-serif;
   /* This is not the right font. ;P */
   font-size: 52px;
   line-height: 1.2;
}

p:nth-child(1){
   letter-spacing:50px;
}

p:nth-child(2){
   letter-spacing:33px;
}

p:nth-child(3){
   text-align: right;
}

#container {
   width: 270px;
   height: 500px;
   margin: 0 auto;
   padding-top: 200px;
}

#openworldbook,
#openworldbook:before,
#openworldbook:after {
   border-radius: 50%;
   width: 60px;
   height: 60px;
   border: 20px solid #000;
}

#openworldbook {
   position: relative;
   margin: -50px 0 0 81px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#openworldbook:before,
#openworldbook:after {
   content: "";
   position: absolute;
}

#openworldbook:before {
   left: -76px;
   top: -77px;
}

#openworldbook:after {
   left: 40px;
   top: 40px;
}

#openworldbook,
#openworldbook:after {
   border-top-color: transparent;
   border-right-color: transparent;
}

dabblet.html

<div id="container">
   <p>open</p>
   <p>world</p>
   <p>s</p>
   <div id="openworldbook"></div>
</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}