body{
	background-color:#ffffff00;
  font-family: 'Europa', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: scroll;
  margin: 0;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
	background-color:#00000030;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

button{
	background-color:#00000030;
	border:3px solid #00000060;
	display:inline-block;
	color:white;
	padding:15px 32px;
	text-align:center;
	font-size:16px;
	cursor: pointer;
}
button:hover{
	background-color:#00000050;
	border:3px solid #00000080;
}
#superContainerDiv{
	overflow: visible;
	padding:0px;
	text-align:left;
	max-width:760px;
	margin-top:25px;
}
#containerDiv{
		background-color: #ffffff00;
	  overflow: visible;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
		max-width:760px;
}
#statement{
	height:59px;
}
#logoImg{
	max-width: 150px;
	max-height: 150px;
	position: relative;
	left: 50%;
	margin-left: -75px;
}
.main-svg{
	border-radius: 10px;
	box-shadow: inset 0 0 10px 2px rgba(100, 100, 100, 0.3);
}
#submit{
	margin-top:20px;
}
.sliderLabels{
	border:none;
	width:100%;
}
#sliderLeftLabel{text-align:left;}
#sliderRightLabel{text-align:right;}
.scenarioName{
	color: black;
	-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	font-weight:bold;
	display:inline-block;
}
.scenarioStrapline{
	font-style:italic;
	margin-top:5px;
	margin-bottom:10px;
	display:inline-block;
}
.scenarioDescription{
	margin-bottom:25px;
	display:inline-block;
}
.mostCloselyAlignedTitle{
	font-size:34px;
	font-weight:900;
}
.otherScenarioTitle{
	font-size:20px;
	font-weight:600;
}
.emphasisedText{
	font-weight:900;
	font-size:23px;
	line-height:18px;
}
.introText{
	font-size:18px;
}
#quizSpan{
	display:none;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 2px dashed #00000075;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #000000b0;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

a{
	cursor: pointer;
	background-color:#00000020;
	color:inherit;
	text-decoration:inherit;
}
a:hover{
	background-color:#00000040;
}
.otherlink, .otherlink:hover{
	background-color:unset;
}
#languageControls{
	font-size:80%;
	float:right;
}
#learnMoreLink{
	font-size:80%;
	float:left;
}
#introHeaderControls{
	display:inline-block;
	width:100%;
}
/*mobile version*/
@media only screen and (max-width:760px){
	/* Hide scrollbar for Chrome, Safari and Opera */
	body::-webkit-scrollbar {
		display: none;
	}
	/* Hide scrollbar for IE, Edge and Firefox */
	body{
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}
	#containerDiv{
		max-width:100%;
		width:100%;
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
	}
	#superContainerDiv{
		overflow: hidden;
		padding:0px;
		text-align:left;
		max-width:100%;
		margin-top:25px;
		margin-bottom:25px;
	}
	#logoImg{
		margin-bottom: 0px;
	}
	#statement{
		height:160px;
		line-height: 1.5;
	  display: inline-block;
	  vertical-align: middle;
	}
	#quizSpan{
		padding:5px;
	}
	.slider {
		width:95%
	}
	#languageControls{
		text-align:center;
	}
}