* {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	box-sizing: border-box;
}

body, html {

	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.full-page-container{
	background: url("ns.jpg");
position: absolute;
	/* Full height */
	height: 100%;
	width: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.screen {
}

.contentbg {
	height: 100%;
}

.contenttext {
	/*position: absolute;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 100vh;
}

.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
}

.snowflakes {
	overflow: hidden;
}
@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;*/
	position: absolute;
	top: -10%;
	/*z-index: 9999;*/
	color: white;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	pointer-events: none;
	animation-name: snowflakes-shake;
	animation-duration: 3s;
	animation-timing-function: ease-in-out
}

.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
}










@font-face {
	font-family: 'Satisfy';
	font-style: normal;
	font-weight: 400;
	src: url(rP2Hp2yn6lkG50LoCZOIGA.ttf) format('truetype');
}
@font-face {
	font-family: 'Six Caps';
	font-style: normal;
	font-weight: 400;
	src: url(6ae_4KGrU7VR7bNmaYcV_3E.ttf) format('truetype');
}


.intro {
	color: rgb(230, 200, 160);
	display: block;
	font-family: 'Satisfy', cursive;
	font-size: 32px;
	text-shadow: 1px 1px black;
	transform: rotate(-15deg);
}

.vintage__container {
	display: inline-block;
	margin: 40px auto 30px;
}

.vintage {
	font-family: 'Six Caps', sans-serif;
	font-size: 62px;
	letter-spacing: 10px;
	line-height: 1;
	margin: 0 0 0 20px;
	position: relative;
}

.vintage__top {
	background: linear-gradient(rgb(240, 220, 200), rgb(230, 200, 160));
	-webkit-background-clip: text;
	background-clip: text;
	position: absolute;
	z-index: 1;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.vintage__bot {
	text-shadow:
			2px 1px rgb(85, 10, 0),
			3px 2px rgb(90, 15, 5),
			4px 4px rgb(100, 20, 15),
			5px 5px rgb(105, 25, 20),
			6px 6px rgb(110, 30, 25),
			7px 7px rgb(115, 30, 30),
			8px 8px rgb(120, 30, 35),
			9px 9px black,
			10px 10px black,
			11px 11px black,
			12px 12px black,
			13px 13px black,
			14px 14px rgba(0, 0, 0, 0.9),
			15px 15px rgba(0, 0, 0, 0.7),
			16px 16px rgba(0, 0, 0, 0.5),
			17px 17px rgba(0, 0, 0, 0.3),
			17px 18px rgba(0, 0, 0, 0.1),
			18px 20px rgba(0, 0, 0, 0.1);
}

.outro {
	color: white;
	font-family: 'Satisfy', cursive;
	font-size: 12px;
}

.outro--big {
	font-family: sans-serif;
	font-size: 12px;
}

.outro--smart {
	display: block;
}