body
{
	background-color:#3D9DBC;
	margin:none;
	padding:none;
	min-height:800px;
}
#random-element
{
	text-align:center;
	max-height:200px;
	min-height:170px;
	padding-top:50px;
}
#left-element, #right-element
{
	text-align:center;
	max-height:150px;
	min-height:130px;
	padding-top:38px;
}

#selection-list, #nav-bar, .top-image-holder, #not-matched, #matched, #again-bar, .results-image-holder,#results-screen, .generic-holder
{
	margin:auto;
	max-width:600px;
	text-align:center;
}
.top-image-holder, .results-image-holder
{
	margin-top:20px;
}
h2
{
	font-family: 'Shrikhand', cursive;
    color:#FFA500;
    font-size:24px;
    font-weight:400;
}
h4
{
	font-family: 'Baloo Thambi', cursive;
    color:#FFA500;
    font-size:21px;
    font-weight:400;
}
p
{
	font-family: 'Baloo Thambi', cursive;
    color:#FFFFFF;
    text-align:left;
}
.game-mode
{
	padding:40px;
	font-family: 'Shrikhand', cursive;
    color:#D38900;
    background-color:rgba(255,255,255,0.8);
    font-size:24px;
    text-decoration:none;
    border-radius:20px;
    margin:25px;
}

p>a
{
	text-decoration:none;
	color:#FFA500;
}
#again-bar
{
	font-family: 'Shrikhand', cursive;
    color:#FFA500;
    font-size:24px;
    clear:both;
    padding-top:20px;
    padding-bottom:20px;
}
#again-bar>a
{
    color:#FFA500;
    font-size:26px;
    background-color:rgba(255,255,255,0.8);
    text-decoration:none;
    padding:12px;
    border-radius:16px;
}
.top-image-holder>img
{
	max-width:50%;
}
.results-image-holder>img
{
	max-width:90px;
	float:left;
}
#selection-list>div, #nav-bar>div
{
	cursor: pointer;
	color:#FFA500;
    font-family: 'Baloo Thambi', cursive;
    padding:6px;
	border-radius:15px;
	margin:15px;
	display:inline-flex;
}
#selection-list>div
{
	color:#D38900;
	background-color:rgba(255,255,255,0.8);
}
#nav-bar>div, #guessed-element-name
{
    font-family: 'Shrikhand', cursive;
    color:#FFA500;
    font-size:21px;
}
#guessed-element-name
{
	max-width:215px;
	margin:auto;
}
#random-element-container
{
	margin:auto;
	text-align:center;
	width:300px;
	height:300px;
	background-repeat:no-repeat;
	background-image:url('./funkyImageBackground.png');
	background-size:contain;
}
#guessed-element-container
{
	margin:auto;
	text-align:center;
	width:300px;
	height:300px;
	background-repeat:no-repeat;
	background-image:url('./funkyImageCorrect.png');
	background-size:contain;
}

#left-element-container
{
	margin:auto;
	text-align:center;
	width:215px;
	height:215px;
	background-repeat:no-repeat;
	background-image:url('./funkyImageCorrect.png');
	background-size:contain;
}
#right-element-container
{
	margin:auto;
	text-align:center;
	width:215px;
	height:215px;
	background-repeat:no-repeat;
	background-image:url('./funkyImageIncorrect.png');
	background-size:contain;
}

#random-element-float-container
{
	margin:auto;
	text-align:center;
	position:fixed;
	top:3%; 
	left:2%;
	width:150px;
	padding:25px 0px;
	background-repeat:no-repeat;
	background-image:url('./funkyImageBackground.png');
	background-position:50%;
	background-size:75%;
	display:none;
}
#random-element-float-container>img
{
	max-height:90px;
}
.check-info
{
	bottom:2%;
	right:2%;
	position:fixed;
	text-align:right;
}
.curr-name
{
	color:#D38900;
    font-family: 'Baloo Thambi', cursive;
    padding:6px;
	background-color:rgba(255,255,255,0.8);
	border-radius:15px;
	margin:15px;
	display:none;
}
#check_submit
{
	width:110px;
}
#not-matched-left
{
	float:left;
}
#not-matched-right
{
	float:right;
}
.result-element
{
	display:inline-flex;
	padding:50px;
	height:70px;
	width:70px;
	text-align:center;
	padding:50px;
	background-repeat:no-repeat;
	background-size:contain;
}
.result-element>img
{
	max-height:70px;
	margin:auto;
}
.correct
{
	background-image:url('./funkyImageCorrect.png');
}
.incorrect
{
	background-image:url('./funkyImageIncorrect.png');
}
#results-title
{
	font-family: 'Shrikhand', cursive;
    color:#FFA500;
    font-size:24px;
    padding-top:20px;
    clear:both;
}
.results
{
    font-family: 'Baloo Thambi', cursive;
    color:#FFA500;
    font-size:21px;
}

#results-button
{
	cursor: pointer;
	color:#D38900;
    font-family: 'Baloo Thambi', cursive;
    padding:6px;
	border-radius:15px;
	margin:15px;
	background-color:rgba(255,255,255,0.8);
	display:inline-flex;
}
#results-screen-detail
{
	padding: 15px;
	text-align:center;
	display:none;
}