@page {
   size: landscape;
   margin: 10%
}

body {
	background-color: #ff9514;
	font-family: “Comic Sans MS”, “Comic Sans”, monospace;
	font-size: 2em;
}

.top_info {
	display: block;
	overflow: auto;
}

#button {
	float: left;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 10px 20px;
    background: yellow;
    font-size: 2em;
    cursor: pointer;
}

.time {
	display: inline;
	border-radius: 5px;
    border: 1px solid #000;
    float: right;
	margin: 0 100px;
	top: 50%;
	-ms-transform: translateY(-50%)
	transform: translateY(-50%) 
	text-align: right;
	padding: 10px 20px;
	background: white;
	color: black;
}

.score {
	display: inline;
	border-radius: 5px;
    border: 1px solid #000;
    float: right;
	margin: 0;
	top: 50%;
	-ms-transform: translateY(-50%)
	transform: translateY(-50%) 
	text-align: right;
	padding: 10px 20px;
	background: green;
	color: white;
}

.main_section {
	display: block;
	overflow: auto;
	border-radius: 5px;
    border: 1px solid #000;
	margin: 40px 100px;
	top: 50%;
	-ms-transform: translateY(-50%)
	transform: translateY(-50%) 
	text-align: right;
	padding: 10px 20px;
	background: white;
	color: black;
}

.question {
	display: inline;
	font-size: 2em;
}

.input {
	display: inline;
	font-size: 1em;
	width: 110px;
	border-radius: 5px;
    border: 1px solid #000;
    padding: 10px 20px;
    background: #DDD;
}

#submit {
    border-radius: 50%;
    border: 1px solid #000;
    padding: 10px 20px;
    background: #24e31e;
    font-size: 2em;
    cursor: pointer;
}

.bottom_info {
	display: block;
	overflow: auto;
	margin: 40px 100px;
	text-align: right;
	padding: 10px 20px;
	
}

.result {
	float: left;
	margin: 0;
	top: 50%;
	-ms-transform: translateY(-50%)
	transform: translateY(-50%) 
	display: inline;
	font-size: 1em;
	padding: 10px 20px;
	text-align: center;
}

#next {
	float: right;
	display: inline;
	font-size: 1em;
	width: 110px;
	border-radius: 5px;
    border: 1px solid #000;
    padding: 10px 20px;
    background: #DDD;
}

.summary {
	display: inline-block;
	overflow: auto;
	border-radius: 5px;
    border: 1px solid #000;
	margin: 40px 100px;
	top: 50%;
	-ms-transform: translateY(-50%)
	transform: translateY(-50%) 
	text-align: right;
	padding: 10px 20px;
	background: white;
	color: black;
}

table {
	font-size: 1em;
}

td {
	padding: 0 50px;
}

.scoreline_td {
	height: 100px;
	font-size: 1.5em;
}