/* Copyright (C) 2016, Ramil Valitov, New Year custom style for "Dance For You"*/

/* NY Page snow effect */
.snow-container{
	background: linear-gradient(#00001C, #00000C);
	overflow: hidden;
}
#snow-container{
	overflow: hidden;
}
.snow-container .snow-title {
    position: relative;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate3d(-50%, -50%, 0);
}
.snow-container .snow-title img{
	width:35%;
}
.snow-container .snow-title p{
	font-size: 50px;
    line-height: 60px;
	text-align:center;
	color:white;
	font-family: 'Petit Formal Script', cursive;
}
.snow-container  svg {
    display:block;
    max-width: 100%;
}

/* Snow globe */
#globe-container{
	position:relative;
	width:100%;
	height:80vmin;
}
#globe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vmin;
  height: 80vmin;
  transform-origin: 50% 60%;
  cursor: pointer;
}

#globe:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/snow-globe.svg) center center / contain no-repeat;
  z-index: 10;
}
#globe:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 17%;
  right: 0;
  background: url(../images/snow-globe-bg.svg) center center / contain no-repeat;
  z-index:-1;
}

#globe canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}