@font-face {
    font-family: "disco";
    src: url("/Discoteque.woff") format('woff');
}


html {
    height: 100%;
}

body {
  min-height:100%;
  height:100%;
	width: 100%;
}
/* The outermost element*/
.header-wrapper {
  /*overflow: hidden; */
  width:100%;
  min-height:100%;
  height:100%;
  text-align:center;
}

.zoominheader {
  min-height:100%;
  height:100%;
  text-align:center;
  background: url("/img/dnweb.jpg") no-repeat center center fixed;
  background-size: cover;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 1s ease-in infinite;
  animation: zoomin 3s ease-in infinite;
  transition: all .4s ease-in; 
  overflow: hidden;
}

/* The innermost element*/
/*.zoomoutheader {
  width:400px;
  height:200px;
  text-align:center;
  background: none;
  -webkit-animation: zoomout 10s ease-in infinite;
  animation: zoomout 1s ease-in infinite;
  transition: all .5s ease-in;
  overflow: hidden;
}*/

.zoomoutheader {
	min-height: 100%;
	height: 100%;
	display: flex;
  align-items: center;
  justify-content: center;
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1.1);}
  50% {transform: scale(3);}
  100% {transform: scale(6);}
}
@keyframes zoomin {
  0% {transform: scale(1.1);}
  50% {transform: scale(3);}
  100% {transform: scale(6);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
/*@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}/*End of Zoom out Keyframes */

/*Style for the text*/
.text{
  max-width: 50%;
  font-weight:bold; 
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  font: normal 24px/normal "disco", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-decoration: normal;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}