*
{
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
	overflow:hidden;
}


body
{
    background-image: url(img/bg.jpg);
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
	height: 100%;
	display:block;
	overflow:hidden;
}

#snow {
	text-align: center;
	width: 100%;
	height: 80%;
	margin-top:20px;
}

footer {
	height: 20%;
	position: relative;
}

#logo {
    position: relative;
    top:50%;
}

#desk {
	height: 95%;
	top: 2%;
	position: relative;
	}

#mob {
	height: 100%;
	position: relative;
	}

#button_position {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 5%;
}


.button_design {
  	width: 250px;
	height: 80px;
	font-size: 35px;
	line-height: 0px;
	font-family: 'Carter One', cursive;
	text-decoration: none;
	text-align: center;
	background: #057;
	background: #057;
  //background: -webkit-linear-gradient(-90deg,#992299 0,#882288 50%,#550055 51%,#992299 100%);
  //background: -moz-linear-gradient(180deg,#992299 0,#882288 50%,#550055 51%,#992299 100%);
  //background: linear-gradient(180deg,#992299 0,#882288 50%,#550055 51%,#992299 100%);
	color: #fff;
	padding: 10px 20px;
	border: 1px solid;
	border-radius: 7px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	border-color: #068;
  -webkit-box-shadow: -1px 2px 1px 1px rgba(255,255,255,0.8) inset, 1px -2px 1px 3px #550055 inset, 0 3px 3px 0 rgba(68,0,68,0.7);
  box-shadow: -1px 2px 1px 1px rgba(255,255,255,0.8) inset, 1px -2px 1px 3px #550055 inset, 0 3px 3px 0 rgba(68,0,68,0.7);
	//background-image: linear-gradient(180deg,#992299 0,#882288 50%,#550055 51%,#992299 100%) !important;
    animation: blue_button_glow 600ms linear 0s infinite normal;
}




@keyframes blue_button_glow {
  0% {
    background-color: #992299;
    border-color: #550055;
  }
  50% {
    background-color: #cc44cc;
    border-color: #cc44cc;
  }
  100% {
    background-color: #992299;
    border-color: #550055;
  }
}