body {
	/* background-color : #555560; */
}
iframe {
    border : none;
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
    height : 100%;
}
#container {
	position : fixed;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
	border-radius : 5px;
	padding : 25px;
	background-color : #444450;
	box-shadow : 0 0 5px rgba(0, 0, 0, 1);
	min-width : 50vmax;
	min-height : 50vmax;
	max-height : 75vmax;
	font-size : 25px;
	font-family : Helvetica;
	color : #666670;
	overflow : scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;
}
#points {
	position : fixed; 
	right : 0;
	top : 0;
	width : 100px;
	height : 100px;
	background-color : #444450;
}
#points-p {
	font-family : Helvetica;
	color : #666670;
	font-size : 50px;
	text-align : center;
	padding : 0;
	margin : 20px;
	font-weight : bold;
}
.container::-webkit-scrollbar {
  display: none;
}
#menu {
	position : fixed;
	left : 25px;
	right : 25px;
	bottom : 25px;
	height : 50px;
	background-color : #444450;
	padding : 12.5px;
	border-radius : 5px;
}
.checkbox {
	user-select : none;
}
.box {
	width : 20px;
	height : 20px;
	border-style : solid;
	border-color : #333340;
	border-width : 2.5px;
	display : inline-block;
}
.inner-box {
	width : 15px;
	height : 15px;
	margin : 2.5px;
	transition : background-color 0.25s;
}
.checked {
	background-color : #222230;
}
.label {
	display : inline-block;
	font-size : 25px;
	padding : 5px;
	margin : 0;
	font-family : Helvetica;
	color : #222230;
}
.component-text {
	text-align : center;
	margin : 10px;
}
.dialogue-input {
	text-align : center;
	position : relative;
	left : 50%;
	transform : translate(-55%, 0);
	border-radius : 5px;
	outline : none;
	border : none;
	background-color : #333340;
	font-size : 25px;
	width : 50%;
	color : #555560;
	padding : 0;
	margin : 10px;
}
.media-object-image {
	max-width : 75%;
	position : relative;
	left : 50%;
	transform : translate(-50%, 0);
}
.explanation-text {
	text-align : center;
}
.continue-button {
	background-color : #333340;
	border-radius : 5px;
	border : none;
	font-family : Helvetica;
	color : #666670;
	font-size : 25px;
	text-align : center;
	position : relative; 
	left : 50%;
	padding : 10px;
	transform : translate(-50%, 0);
	transition : background-color 0.25s, color 0.25s;
}
.continue-button:hover{
	background-color : #006688;
	color : #333340;
}
.explanation {
	display : none;
}