/* CSS Document */
@font-face {
	font-family: RubikVinyl;
	font-style: normal;
	src:url("assets/Fonts/RubikVinyl-Regular.ttf");
}
@font-face {
	font-family: RubikIso;
	font-style: normal;
	src: url("assets/Fonts/RubikIso-Regular.ttf");
}
@font-face {
	font-family: PressStart2P;
	font-style: normal;
	src: url("assets/Fonts/PressStart2P-Regular.ttf");
}
@font-face {
	font-family: Megrim;
	font-style: normal;
	src: url("assets/Fonts/Megrim-Regular.ttf");
}
@font-face {
	font-family: LibreBarcode39Text;
	font-style: normal;
	src: url("assets/Fonts/LibreBarcode39Text-Regular.ttf");
}
@font-face {
	font-family: Audiowide;
	font-style: normal;
	src: url("assets/Fonts/Audiowide-Regular.ttf");
}
.BGvid {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #000000;
}
.Overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.VID {
	align-self: stretch;
	width: 100%;
	z-index: 0;
}
.div1 {
	position: absolute;
	width: 100%;
	z-index: 100;
}
.div2 {
	position: relative;
	width: 100%;
	filter: opacity(0.85);
}
.p1 {
	letter-spacing: 0.042em;
	font-family: RubikVinyl;
	text-align: center;
	text-shadow: 0px 0px 30px rgba(200, 200, 200, 1);
  animation: fadeIn 1s;
}
.p2a{
		color: rgb(200, 240, 255);
	letter-spacing: 0.01em;
	font-family: RubikVinyl;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(200, 200, 200, 1);
  animation: fadeIn;
	animation-duration: 5s;	
}
.p2 {
	color: rgb(250, 251, 99);
	letter-spacing: 0.03em;
	font-family: Megrim;
	font-style: italic;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(200, 200, 200, 1);
  animation: fadeIn;
	animation-duration: 15s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#img1 {
	animation: Rotate360 4s linear infinite;
}
@keyframes Rotate360 {
	100% {
		transform: rotate(360deg);
	}
}
@media (max-width : 1080px) {
	.img1w {
		padding-top: 5%;
		padding-bottom: 5%;
		width: 100%;
		padding-left: 20%;
		padding-right: 20%;
	}
	.p1w {
		font-size: 10vw;
		line-height: 27.60vw;
	}
	.p2aw {
	font-size: 3.32vw;
	line-height: 9vw;
	}
	.p2w {
	font-size: 8vw;
	line-height: 6.0vw;
	}
}
@media (min-width: 1081px) {
	.img1w {
		margin-top: 54px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 650px;
	}
	.p1w {
		font-size: 675%;
		line-height: 225pt;
	}
	.p2aw {
		font-size: 225%;
		line-height: 70pt;
	}
	.p2w {
		font-size: 540%;
		line-height: 50pt;
	}
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}
.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}
.bi {
	vertical-align: -.125em;
	fill: currentColor;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}