/* GENERAL & HELPERS */
body {
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #235E6F;
	overflow: hidden;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
  	scrollbar-width: none; /* for Firefox */
	height: 100vh;
}

body::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}

p {
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	opacity: 1;
	color: inherit;
}

.horiLine {
	background-color: gray;
	height: .1rem;
	border-radius: 1.5rem;
}

h1 {
	margin-bottom: 0px;
}

h1 > span {
	display: block;
}

button.btn.btn-dark {
	border-radius: 1.5rem;
}

@media (max-width: 991px) {
	.cover-container {
		margin-top: 7vh;
		margin-bottom: 7vh;
		height: 86vh;
	}
	.horiLine {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	h1 {
		font-size: 3.5rem;
		font-weight: 600;
	}
	h1 > span {
		font-weight: 600;
		font-size: 4rem;
	}
	button.btn.btn-dark {
		padding: 0.7rem;
		font-size: 1rem;
		margin-top: 1.1rem;
	}
	footer > div > p {
		font-size: 0.8rem;
	}
}

@media (max-width: 700px) {
	.cover-container {
		margin-top: 5vh;
		margin-bottom: 9vh;
		height: 86vh;
	}
	h1 {
		font-size: 2.5rem;
		font-weight: 600;
	}
	h1 > span {
		font-weight: 600;
		font-size: 3rem;
	}
}

@media (min-width: 992px) {
	.cover-container {
		margin-top: 3vh;
		margin-bottom: 3vh;
		height: 94vh;
	}
	.horiLine {
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	h1 {
		font-size: 5rem;
		font-weight: 600;
	}
	h1 > span {
		font-weight: 800;
		font-size: 5.5rem;
	}
	button.btn.btn-dark {
		padding: 1rem;
		font-size: 1.1rem;
		margin-top: 1.8rem;
	}
}

body > div > main > section > div {
	text-align: center;
}




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

@-webkit-keyframes snowflakes-fall {
	0% {
			top: -10%
	}
	100% {
		top: 100%
	}
}

@-webkit-keyframes snowflakes-shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px)
	}
}

@keyframes snowflakes-fall {
	0% {
	top: -10%
	}
	100% {
		top: 100%
	}
}

@keyframes snowflakes-shake {
	0%,
	100% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(80px)
	}
}

.snowflake {
	position: fixed;
	top: -10%;
	z-index: 9999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	-webkit-animation-name: snowflakes-fall, snowflakes-shake;
	-webkit-animation-duration: 10s, 3s;
	-webkit-animation-timing-function: linear, ease-in-out;
	-webkit-animation-iteration-count: infinite, infinite;
	-webkit-animation-play-state: running, running;
	animation-name: snowflakes-fall, snowflakes-shake;
	animation-duration: 10s, 3s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite, infinite;
	animation-play-state: running, running
}

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

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

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

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

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

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

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

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

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

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

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

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