a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

table,
table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}

img {
	vertical-align: top;
}

embed {
	vertical-align: top;
}

/* .snowflakes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.snowflake {
	position: absolute;
	top: -10%;
	color: white;
	font-size: 1em;
	animation: fall linear infinite, sway ease-in-out infinite;
}

@keyframes fall {
	to {
		transform: translateY(110vh);
	}
}

@keyframes sway {
	50% {
		transform: translateX(30px);
	}
} */

/* customizable snowflake styling */
.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px #000;
}

.snowflake,
.snowflake .inner {
	animation-iteration-count: infinite;
	animation-play-state: running
}

@keyframes snowflakes-fall {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(110vh)
	}
}

@keyframes snowflakes-shake {

	0%,
	100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(80px)
	}
}

.snowflake {
	position: fixed;
	top: -10%;
	z-index: 9999;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	animation-name: snowflakes-shake;
	animation-duration: 3s;
	animation-timing-function: ease-in-out
}

.snowflake .gold {
	color: white;
}

.snowflake .blue {
	color: lightblue;
}

.snowflake .classiko {
	color: white;
}

.snowflake .inner {
	animation-duration: 10s;
	animation-name: snowflakes-fall;
	animation-timing-function: linear
}

.snowflake:nth-of-type(0) {
	left: 1%;
	animation-delay: 0s
}

.snowflake:nth-of-type(0) .inner {
	animation-delay: 0s
}

.snowflake:first-of-type {
	left: 10%;
	animation-delay: 1s
}

.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
	animation-delay: 1s
}

.snowflake:nth-of-type(2) {
	left: 20%;
	animation-delay: .5s
}

.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
	animation-delay: 6s
}

.snowflake:nth-of-type(3) {
	left: 30%;
	animation-delay: 2s
}

.snowflake:nth-of-type(11) .inner,
.snowflake:nth-of-type(3) .inner {
	animation-delay: 4s
}

.snowflake:nth-of-type(4) {
	left: 40%;
	animation-delay: 2s
}

.snowflake:nth-of-type(10) .inner,
.snowflake:nth-of-type(4) .inner {
	animation-delay: 2s
}

.snowflake:nth-of-type(5) {
	left: 50%;
	animation-delay: 3s
}

.snowflake:nth-of-type(5) .inner {
	animation-delay: 8s
}

.snowflake:nth-of-type(6) {
	left: 60%;
	animation-delay: 2s
}

.snowflake:nth-of-type(7) {
	left: 70%;
	animation-delay: 1s
}

.snowflake:nth-of-type(7) .inner {
	animation-delay: 2.5s
}

.snowflake:nth-of-type(8) {
	left: 80%;
	animation-delay: 0s
}

.snowflake:nth-of-type(9) {
	left: 90%;
	animation-delay: 1.5s
}

.snowflake:nth-of-type(9) .inner {
	animation-delay: 3s
}

.snowflake:nth-of-type(10) {
	left: 25%;
	animation-delay: 0s
}

.snowflake:nth-of-type(11) {
	left: 65%;
	animation-delay: 2.5s
}