/* ==========================================================================
   Drip animation
   ========================================================================== */

/**
 * Container holding al the drips
 * For now this is for simulation only
 */

.drip-container
  position: fixed
  z-index: 1000
  top: 0
  left: 0

  .drip
    position: fixed
    top: -100vh
    left: 0

    width: 100vw
    height: 100vh

    background: $blue /* Old browsers */
    background: -moz-linear-gradient(top, $brightBlue 0%, $blue 100%) /* FF3.6-15 */
    background: -webkit-linear-gradient(top, $brightBlue 0%,$blue 100%) /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, $brightBlue 0%,$blue 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */