#canvas {
	background-color : #006622;
	position : fixed;
	top : 0;
	left : 0;
	z-index : 0;
}
#question {
    position : fixed;
    bottom : 50px;
    right : 50px;
    width : 50px;
    height : 50px;
    font-size : 50px;
    font-family : Helvetica;
    text-align : center;
    color : #777780;
    background-color : #555560;
    padding : 15px;
    border-radius : 5px;
    box-shadow : 0 0 5px rgba(0, 0, 0, 0.5);
}
.side {
	position : fixed;
	bottom : 200;
	right : 200;
}
.modal {
	background-color : #bbbb66;
	position : absolute;
	left : 25px;
	bottom : 25px;
	right : 25px;
	height : 50%;
    box-shadow : 0 0 5px rgba(0, 0, 0, 0.5);
}
.hidden {
    display : none;
}
.centered-modal {

}
.exit {
    background-color : #555566;
    position : absolute;
    top : 0;
    right : 0;
    height : 50px;
    width : 50px;
    font-family : Helvetica;
    font-size : 50px;
    text-align : center;
    color : #777788;
    line-height : 50px;
    vertical-align : middle;
}
.whole-iframe {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    height : 100%;
    width : 100%;
    outline : none;
    border : none;
}