*{
        padding: 0;
        margin: 0;
}

#snow {
        position:relative;
        width:100%;
        height:100%;
}
.countd {
    position: fixed;
    z-index: 102;
    top: 40%;
    width: 100%;
    text-align: center;
    color: yellow;
    font-weight: bold;
}
.text-top {
    position: fixed;
    z-index: 102;
    top: 20%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
}
.text-bottom {
    position: fixed;
    z-index: 102;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
}
.text-ro {
    position: fixed;
    z-index: 102;
    bottom: 5%;
    width: 100%;
    text-align: right;
    color: white;
    font-weight: bold;
    font-size: 200%;
}
.center-text {
text-align: center;
}
.text-groot {
font-size: 400%;
}
.text-half {
font-size: 200%;
}
.carma-kleur {
color: #7C5A0B;
z-index: 100;
}
.text-rood {
color: red;
}
.text-groenh {
color: green;
}
.text-randje {
text-shadow: 2px 2px white;
}
.low-z-index
{
        z-index: -1;
}
.high-z-index
{
        z-index: 50;
}
.verziering-z-index
{
        z-index: 150;
}
//------------------------------
figure {
    margin: 0;
}

/*--------------------------------- Santa CSS -----------------------*/

@import url(css?family=Mountains+of+Christmas:700);
/* Stylin' Styles */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
    margin: 0px -8px -8px -8px;
}
body {
	display: table;
	background: #111;
	overflow: hidden;
   background-image: url("bg3.png");
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   margin: 0px -8px -8px -8px;
}

.hideMe {
	visibility: hidden !important;
}

/***************************

BEGIN OF FLYING SANTA

***************************/
.santa {
	/*z-index: 600;
*/
	cursor: pointer;
	-webkit-animation: FlyingSanta 38s infinite linear;
	-moz-animation: FlyingSanta 38s infinite linear;
	-ms-animation: FlyingSanta 38s infinite linear;
	-o-animation: FlyingSanta 38s infinite linear;
	animation: FlyingSanta 38s infinite linear;
	bottom: 0%;
	left: 0%;
	position: absolute;
    z-index: 99;
}
@keyframes FlyingSanta {

25% {
bottom: 80%;
left: 85%;
transform: rotateY(0deg);
}
26% {
transform: rotateY(180deg);
}
50% {
 bottom:60%;
 left: 0%;
 transform: rotateY(180deg);
}
51% {
 transform: rotateY(0deg);
}
75% {
 bottom:40%;
 left: 85%;
 transform: rotateY(0deg);
}
76% {
 bottom:40%;
 left: 85%;
 transform: rotateY(180deg);
}
99% {
 transform: rotateY(180deg);
}
}

/***************************

//// END OF FLYING SANTA ///

***************************/


/***************************

Clip Text for Festive Sparkles

***************************/

h1 {
	font-size: 6.5vw;
	padding-top: 3%;
	font-family: 'Mountains of Christmas', cursive;
	background: -o-linear-gradient(transparent, transparent) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	margin: 0;
	padding: 0;
	position: absolute;
	font-weight: 900;
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	z-index: 99;
	-webkit-background-clip: text;
}

.Absolute-Center {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.santa-house {width:25%;z-index:300}

/***********************************/

#link_bar a { padding:15px; font-weight:bold; float:left; color: yellow; }


