/* This CSS is for the Cover Page Only */

@font-face {
	font-family:"Lucid-Serif-Display-Light"; /*SchnyderL-Light*/
	src: url("../fonts/Lucid-Serif-Display-Light.woff") format('woff');
}

html {
	/* Disables text selection. */
	user-select: none; 
}
	
body {
	min-height: 100vh;
	min-width: 100vw;
	margin: 0;
	padding: 0;
	background: hsla(0, 0%, 6%, 1);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

img {
	display: block;
	height: auto;
	width: auto;
	max-width: 100%;
}

.flex_container{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	object-fit: contain;
	padding: 2vw 2vh;
}

@media (max-width: 800px) {
  .flex_container {
	  /* For landscape displays,
	  switch from vertical to horizontal grouping */
    flex-direction: column;
  }
}

#box1{
	font-family:"Lucid-Serif-Display-Light"; /*SchnyderL-Light*/
	color: white;
}

#box2{
	align-self: center;
}

#header {
	padding: 5vw 5vh;
	height: 2vh;
	object-fit: fill;
}

#title {
	font-size: 6vh;
	line-height: normal;
}

#version {
	font-size: 2vh;
}

#logo {
	padding-top: 1vh;
	height: 10vh;
	max-width: 35vw;
	margin-top: auto;
	object-fit: contain;
}

#car {
	margin: auto;
	display: block;
	width: 100%;
	height: auto;
	max-height: 50vh;
	object-fit: scale-down;	
}

.warning {
	color: pink;
}