@font-face {
  font-family: Sanddunes;
  src: url('../font/sanddunes.ttf');
  font-display: swap;
}

@font-face {
  font-family: Kingthings;
  src: url('../font/kingthings.ttf');
  font-display: swap;
}

@font-face {
  font-family: Nikea;
  src: url('../font/nikea.ttf');
  font-display: swap;
}

@font-face {
  font-family: Fubbick;
  src: url('../font/fubbick.ttf');
  font-display: swap;
}

@font-face {
  font-family: Segment;
  src: url('../font/segment.ttf');
  font-display: swap;
}

.error{
	font-family: Sanddunes;
	width: 100% !important;
	height: 10vh !important;
	text-align: center !important;
	font-size: 3.0vmin !important;
	font-weight: bold !important;
	margin-top: 25vh !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	color: #8B0018 !important;
	z-index: 10 !important;
}

.errorTitle{
	font-family: Kingthings;
    color: #FFF;
    font-size: 5.0vmin;
	width: 100%;
    align-items: end;
    margin-top: 40vh;
	text-shadow: 4px 4px 5px #808080, 1px 2px 3px #000, -1px 0 #000, 0 1px #808080, 1px 0 #808080, 0 -1px #808080;
}

.errorImg{
	content: url('../img/error.png');
    height: 33vmin;
    width: 33vmin;
}

.start{
	width: 90% !important;
	margin-left: 5%;
	margin-right: 5%;
	height: 40vh !important;
	margin-top: 25vh !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	font-size: 6.0vmin;
}

.start *{
	color: #8B0018 !important;
	font-size: 3.5vmin !important;
	text-align: center !important;
	font-weight: bold !important;
}

.welcomemsg{
	font-family: Fubbick;
	font-size: 6.0vmin !important;
	font-weight: lighter !important;
	color: #939393 !important;
}

.welcomewait{
	font-family: Nikea;
	font-size: 3vw !important;
}

.people{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21vh;
    margin: 0;
    padding: 0;
    background-color: transparent;
    z-index: 10 !important;
}

.people{
	background-image: url('../img/crowded.png');
    background-repeat: repeat-x;
	background-size: contain;
	background-position: bottom;
}

.loadingbar{
	border: 0.2vw solid #D6D6D6;
	/*padding: 1vw;*/
	padding: 1vmin;
	width: 87.6vw;
	height: 5vmin;
	margin-top: 3vmin;
}

.bar{
	background-color: red;
	width: 0%;
	height: 100%;
}

body {
	background-image: url('../img/splashBackground.jpg');
	background-repeat: repeat;
    background-size: 100vmin 100vmin;
}