web-advent-calendar/css/main-adventskalender.css

body, html{
	margin:0;
	padding:0;
}
html {
	background-color: #2b1616;
	overflow:   scroll;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
body {
	min-width: fit-content;
}
a {
	color: #462626;
}
@font-face {
  font-family: 'christmasFont';
  src: url('../fonts/Hello-Christmas.ttf')  format('truetype') /* Safari, Android, iOS */
}
.snow {
  height: 100%;
  position: absolute;
  width: 100%;
  /*z-index: 60;*/
}
.modal, .jquery-modal {
	z-index: 1040 !important;
}
.advent-calendar {
	position: relative;
	margin: 0px auto;
}
.advent-calendar-entry {
	position: absolute;
	display: block;
}
.advent-calendar-door-left-wrapper, .advent-calendar-door-right-wrapper {
	-moz-perspective: 400px;
	-webkit-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}
.advent-calendar-door {
	-webkit-transition:-webkit-transform 1s;
    -moz-transition:-moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;
}
.advent-calendar-door-left-wrapper {
	float: left;
}
.advent-calendar-door-right-wrapper {
	float: right;
}
.advent-calendar-door-left-wrapper .advent-calendar-door {
	-moz-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.advent-calendar-door-right-wrapper .advent-calendar-door {
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
a.advent-calendar-entry:hover {
	z-index: 99;
}
a.advent-calendar-entry:hover .advent-calendar-door-left-wrapper .advent-calendar-door {
	-webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    -o-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
}
a.advent-calendar-entry:hover .advent-calendar-door-right-wrapper .advent-calendar-door {
	-webkit-transform: rotateY(70deg);
    -moz-transform: rotateY(70deg);
    -ms-transform: rotateY(70deg);
    -o-transform: rotateY(70deg);
    transform: rotateY(70deg);
}
.advent-calendar-background {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}