body {
  background-color: black;
  color:#CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
}

a{
	color:#666666;
	font-size:14px;
}

a:hover{
	color:#999999;
}

button{
	width:50%;
}

.languageButton img{
	filter: brightness(50%)
}

.languageButton img:hover{
	filter: brightness(100%)
}

.languageButton:hover{
	cursor: url(hand.cur), pointer;
}

#next{
	font-size: 2em;
	text-decoration: underline;
}

#next:hover{
	color:gray;
	cursor: url(hand.cur), pointer;
}

#titleImage{
	display: block;
}

#handImage{
	display: block;
	width: 30%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

#handImage:hover{
	cursor: url(hand.cur), pointer;
	border-color: rgb(10,10,10);
	border-style: solid;
	border-radius: 100%;
}

#bottomDiv{
	width: 100%;
}

#french{
	position: absolute;
	left: 40%;
	transform: translateX(-50%);
}

#english{
	position: absolute;
	right: 40%;
	transform: translateX(50%);
}

.languageText{
	text-align: center;
}

@media (max-width: 800px){
	#french{
		left: 30%;
	}

	#english{
		right: 30%;
	}
}