.logo
  h1 CDNYC
View Compiled
@import url(https://fonts.googleapis.com/css?family=Roboto:100)
  
html,
body
  width:100%
  height:100%
  overflow:hidden

html
  background:#222

.logo
  position:relative
  width:300px
  height:300px
  margin:100px auto
  text-align:center
  animation:animate 3s infinite ease

@keyframes animate
  0%
    width:300px
  50%
    width:240px

.logo:before,.logo:after
  position:absolute
  content:''
  width:200px
  height:200px
  top:50px
  transform: rotate(45deg)
  background:rgba(0,155,255,.05)
  z-index:0
  box-shadow: 0 0 0 1px white, 0 0 10px 1px teal, inset 0 0 10px 1px teal

.logo:before
  left:35px

.logo:after
  right:35px

.logo h1
  z-index:100
  line-height:300px
  font-family:Roboto, Sans-Serif
  letter-spacing:5px
  font-size:40px
  color:rgba(255,255,255,1)
  text-shadow:0 0 6px rgba(0,255,255,1)
View Compiled
/********************************
https://twitter.com/Shak_Dizzle
http://instagram.com/shak_dizzle
http://dribbble.com/shakdaniel
********************************/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.