* { box-sizing: border-box; } 

:root {
	--primary: #fff;	
	--secondary: #fccf1c;
	--link: #9067ff;
	--linkHover: #c0abfa;
}

body
{
	margin: 0px;
	padding: 0px;
	/*background-image: url('verticallyTiled.png'); */
	background-image: url('web-poster-bg.webp'); 
	/* background-repeat: repeat-y;  */
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;
	background-color: rgb(0, 0, 0);
}

a
{
	color: var(--link);
    text-decoration: none; 
    -webkit-transition: color 0.15s; /* For Safari 3.0 to 6.0 */
    transition: color 0.15s; /* For modern browsers */
}

#logo
{
	min-width: 400px;
	width:70%;
	max-width: calc(min(100%, 600px));
}

a:hover
{
	color: var(--linkHover);

}

.main
{
	margin: auto;
	position: relative;
	/* width: 100%; */
	max-width: 900px;
	padding: 0px 30px 30px 30px;
}

.pixelPerfect
{
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.youtubePlayer
{
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

.gameLinks
{
	display: flex;
	justify-content: center;
	width: 100%;
	gap:15px;
}

.gameLink
{
	width:200px;
}

.awards {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 80px;

	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	row-gap: 30px;

}

.award
{
	display: block;
	font-size: 20px;
	width: 420px;
	flex-shrink: 0; 
	flex-grow: 0;
	font-family: rd;
}

.festival
{
	font-size: 16px;
	font-family: rd;
	text-transform: uppercase;
}

.character
{
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}


.links
{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.nowAvailable
{
	font-family: rd;
	color: var(--secondary);
}

.yellow
{
	color: var(--secondary);
}

.yellowLink
{
	font-size: 16px;
	text-transform: uppercase;
}

.sectionButton
{
	font-size: 28px;
	text-decoration: none;
	color: var(--link);
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	/* font-family: rdm; */
}

.review
{
	margin: auto;
	width: 100%;
	height: 125px;
	font-size: 20px;
	margin-bottom: 40px;
}

.reviewCharacterLeft
{
	width:15%;
	height:100%;
	padding-top: 5px;
	float: left;
}

.reviewCharacterRight
{
	width:15%;
	height:100%;
	padding-top: 5px;
	float: right;
}


.reviewTextLeft
{
	width:85%;
	float:left;
}

.reviewTextRight
{
	width:85%;
	float:right;
}

.reviewPartTop
{
	height:80%;
}

.reviewQuote
{
	height:80%;
}
.reviewQuoteLeft
{
	width: 10%;
	padding-top: 10px;
	float:left;
}

.reviewQuoteMiddle
{
	width: 80%;
	height: 100%;
	/*background-color: #007700;*/
	display: inline-block;
	
}

.reviewQuoteRight
{
	width: 10%;
	padding-top: 50px;
	/*background-color: #009900;*/
	float:right;
	vertical-align: bottom;
}

.reviewPartBottom
{
	text-align: right;
	font-size: 20px;
	height: 20%;
	width: 100%;
	
	/*background-color: #555555;*/
	
}

.quote
{
	height:100%;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	font-size: 20px;
    -webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: rdm;
}

.mainText
{
	display: inline-block;
	font-family: rdm;
	text-align: center;
    -webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
}

.footer
{
	display: inline-block;
	text-align: center;
    -webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.bottomText
{
	height: 80px;
	width: 300px;
	font-size: 20px;
}

.pulseBox
{
	width: 100%;
	height: 60px;
	display: flex;
	background-image: url("images/pulse_long.png"); 
	background-position: center; 
}