#logoHeader{
	display: block;
	margin: 0 auto;
}


#gameSelection{
	width: 97.5%;
	padding-top: 25px;
	text-align: center;
}

#wordSpace{
	height: 100px;

}

#guessedWord{
	font-size: 2rem;

}

#translate{
	/*display: none;*/
	z-index: 3;
}

#languagesHolder{
	display: none;
}

#translatedWordHolders{
	display: none;
}
.buttons{
	margin-right: 10px;
	background-color: #804123;
	color: white;
	border-radius: 15px;
}

.languageButtons{
	background-color: white;
	color: #804123;
	border: thin solid #804123;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.translatedWordButtons{
	background-color: white;
	color: #804123;
	border: thin solid #804123;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.clickedAndCorrect{
	background-color: green;
	color: white;
	border: thin solid #804123;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.clickAndWrong{
	background-color: red;
	color: white;
	border: thin solid #804123;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 5px;
}

.keyboardControlButtons{
	margin-right: 10px;
	background-color: #804123;
	color: white;
	width: 70px;
	border-radius: 15px;
}

label{
	font-weight: bold;
	color: #804123;
	font-size: 1.5rem;
}

#currentlyPlayingSection{
	text-align: center;
}

#statusFigures{

}

#guessesRemaining{
	width: 45%;
	display: inline-block;
	text-align: left;
	margin-bottom: -50%;
	font-size: 12px;
	font-weight: bold;
}

#guessesRemainingLabel{
	width: 45%;
	display: inline-block;
	text-align: left;
	margin-top: -50%;
	font-size: 12px;
	font-weight: bold;
}

#moneyRemaining{
	width: 45%;
	display: inline-block;
	text-align: right;
	margin-bottom: -50%;
	font-size: 12px;
	font-weight: bold;
}

#moneyRemainingLabel{
	width: 45%;
	display: inline-block;
	text-align: right;
	margin-top: -50%;
	font-size: 12px;
	font-weight: bold;
}

#keyboard{
	text-align: center;
}

.keyboardButton{
	background-color: white;
	color: #804123;
	border: thin solid #804123;
	margin-top: 5px;
	width: 3rem;
	height: 3rem;
}

#keyboardDeleteSubmit{
	margin-top: 10px;
}

#definitionContainer{
	margin-top: 80px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#definition{
	border: thin solid #804123;
	color: #804123;
	background-color: antiquewhite;
}

#examplesContainer{
	margin-top: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.exampleHolder{
	margin-bottom: 25px;
	margin-top: 5px;
	border: thin solid #804123;
	color: #804123;
	background-color: antiquewhite;
	margin-left: auto;
	margin-right: auto;
}




@media all and (max-width: 360px) {
	#logoHolder {
		width: 360px;
		height: 75px;
	}

	#shareDivParent{
		width: 360px;
	}

	#gameSelection{
		width: 360px;
	}


	#wordSpace{
		width: 360px;
	}

	#guessedWord{
		font-size: 1.8rem;
	}

	#gameStatus{
		width: 360px;
	}



	#keyboard{
		width: 360px;
	}

	.keyboardButton{
		width: 30px;
		height: 30px;
	}

	#definitionContainer{
		width: 360px;
	}

	#definition{
		width: 95%;
		height: fit-content;
	}

	#examplesContainer{
		width: 360px;
	}

	.exampleHolder{
		width: 95%;
		height: fit-content;
	}

}




/*Phone*/
@media all and (min-width: 361px) and (max-width: 767px) {
	#logoHolder {
		width: 97.5%;
		height: 120px;
	}

	#shareDivParent{
		width: 97.5%;
	}


	.keyboardButton{
		width: 3rem;
		height: 3rem;
	}


}




/*Tablet*/
@media all and (min-width: 768px) and (max-width: 1023px){
	#logoHolder {
		width: 97.5%;
		height: 120px;
	}

	#shareDivParent{
		width: 768px;
		display: block;
		margin: 0 auto;
	}

	#shareDiv{
		margin-right: 2.5%;
	}

	#logoHeader{
		width: 768px;

	}

	#wordSpace{
		width: 768px;
		margin: 0 auto;
	}

	#gameStatus{
		width: 768px;
		margin: 0 auto;
	}

	#currentlyPlayingSection{
		width: 97.5%;
	}

	#keyboard{
		width: 768px;
		margin: 0 auto;
	}

	#definitionContainer{
		width: 768px;
	}




	#examplesContainer{
		width: 768px;
	}




}


/*PC*/
@media all and (min-width: 1024px) {
	#logoHolder {
		width: 97.5%;
		height: 150px;
	}

	#logoHeader{
		width: 1024px;

	}

	#shareDivParent{
		width: 1024px;
		display: block;
		margin: 0 auto;
	}

	#shareDiv{
		margin-right: 2.5%;
	}
	#wordSpace{
		width: 1024px;
		margin: 0 auto;
	}

	#gameStatus{
		width: 1024px;
		margin: 0 auto;
	}

	#currentlyPlayingSection{
		width: 97.5%;
	}

	#keyboard{
		width: 1024px;
		margin: 0 auto;
	}

	#definitionContainer{
		width: 1024px;
	}

	#examplesContainer{
		width: 1024px;
	}


}










/*body {*/
/*	font-family: 'Roboto', sans-serif;*/
/*	font-display: fallback;*/
/*	background: url('../img/cloud_bg.svg');*/
/*	background-size: cover;*/
/*	background-position: center;*/
/*	line-height: 1.6;*/
/* }*/

/*h1 {*/
/*	font-size: 24px;*/
/*	font-weight: bold;*/
/*	margin-bottom: 0px;*/
/*}*/

/*h2 {*/
/*	font-size: 18px;*/
/*	font-weight: normal;*/
/*	margin-top: 4px;*/
/*}*/

/*h3 {*/
/*	font-size: 20px;*/
/*	margin-bottom: 0px;*/
/*}*/

/*em {*/
/*	font-weight: 600;*/
/*	font-style: normal;*/
/*}*/

/*.next {*/
/*    font-size: 15px;*/
/*	margin-top: 8px;*/
/*	margin-bottom: 8px;*/
/*}*/

/*.container {*/
/*	max-width: 700px;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
/*} */

/*.hero {*/
/*	margin-top: 172px;*/
/*}*/

/*.hero .logo {*/
/*	width: 140px;*/
/*	float: left;*/
/*	margin-right: 32px;*/
/*}*/

/*.hero .message {*/
/*	font-size: 15px;*/
/*	text-align: center;*/
/*	margin-bottom: 24px;*/
/*}*/

/*.details {*/
/*	clear: both;*/
/*	height: 400px;*/
/*	line-height: 1.8;*/
/*}*/

/*.callout {*/
/*	font-size: 14px;*/
/*	color: #1967D2;*/
/*	font-weight: 600;*/
/*	padding: 16px 24px 16px 40px;*/
/*	background: url('../img/lightbulb_icon.svg') #E8F0FE ;*/
/*	background-position: 16px 16px;*/
/*	background-repeat: no-repeat;*/
/*	line-height: 1.6;*/
/*}*/

/*code, .code {*/
/*	font-family: 'Roboto Mono', Courier, monospace;*/
/*	color: #A30038;*/
/*	background-color: #F8F8F8;*/
/*	border: 1px solid #DDD;*/
/*	border-radius: 2px;*/
/*	padding: 0 6px;*/
/*	font-weight: 500;*/
/*}*/

/*.cta {*/
/*	padding-bottom: 52px;*/
/*}*/

/*.cta a {*/
/*	color: white;*/
/*	text-decoration: none;*/
/*	background-color: rgb(14, 101, 241);*/
/*	padding: 8px 12px;*/
/*	margin: 8px;*/
/*	min-height: 36px;*/
/*	border-radius: 2px;*/
/*	font-weight: 600;*/
/*}*/

/*.cta a:hover {*/
/*    background-color: rgb(66, 133, 244, 0.9);*/
/*}*/

/*@media (max-width: 600px) {*/
/*    .hero .logo {*/
/*        float: initial;*/
/*        display: block;*/
/*        margin-left: auto;*/
/*        margin-right: auto;*/
/*    }*/

/*	.container {*/
/*        margin-top: 0;*/
/*	}*/

/*    .hero {*/
/*        margin-top: 0;*/
/*        margin-bottom: 24px;*/
/*	}*/
/*}*/
/*@media (prefers-color-scheme: dark) {*/
/*    body {*/
/*        background: black url('../img/dark_bg.svg');*/
/*        color:white;*/
/*    }*/
/*	a {*/
/*		color: #8AB4F8;*/
/*	}*/
/*	a:visited {*/
/*		color: #b48af8;*/
/*	}*/
/*	.cta a {*/
/*		color: white;*/
/*	}*/
/*}*/