//=======================================
// replace this with your own code
//=======================================
io-blue = #25cbd3
clicker(size, color)
  width: size
  height: size
  margin-left: -(size / 2)
  margin-top: -(size / 2)
  background: color
  border-radius: 100%
  position: absolute
  transform: scale(0)
  opacity: 1
  z-index: 999
  pointer-events: none
  &.is-active
    opacity: 0
    transition: opacity 400ms ease, transform 400ms ease
    transform: scale(1)
.clicker
  clicker: 100px, io-blue
*, *:before, *:after
  no-select()
  box-sizing: border-box
  transition()
html, body, .wrap
  height: 100%
body
  min-height: 100%
  background: black
.wrap
  padding: 40px
  background: url('/images/logo-big.png') no-repeat 95% 95%
  background-size: 5%
  color: white
  animation: move 250ms alternate infinite linear
  position: relative
  z-index: 2
.background-image
  background: url('/images/background.jpg') no-repeat center center
  height: 20%
  width: 20%
  fixed: top left
  background-size: cover
  z-index: 1
  filter: blur(1px) grayscale(0.1) sepia(0.4) brightness(0.9)
  transform: scale(5)
  transform-origin: top left
  opacity: 0.05
  transition: none
h1
  color: io-blue
p
  inline-block()
  border: 1px solid io-blue
  padding: 15px
span
  color: lighten(black, 20%)
a
  color: white
  text-decoration: none
  font-weight: 900
  background: io-blue
  hover-pop(rotate: -7deg)
  border: 1px solid io-blue
  padding: 15px
  inline-block()
[data-ui-view]
  &.ng-enter-active
    background: io-blue
    transform: translateY(100%)
@keyframes move
  from
    background-size: 10%
  to
    background-size: 11%
//====================================
// end
//====================================