/* html{font-family: monospace;} */
html {
    background-color: #bbbbbb;
    padding: 0px;
}
/* body { */
	/* font-size: 12pt; */
	/* text-align: center; */
	/* background-color: rgb(170, 171, 187); */
/* } */

/* p { */
	/* font-size: 30pt; */
/* } */

body {
    width: 80%;
    min-height: calc(100vh - 4em);
    margin: 0 auto;
    padding: 2em;
    background-color: #dddddd;
    border-color: #eeeeee;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 20px;
}
p {
    color: #444444;
	text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 30pt;
    line-height: 1;
	margin: 4pt;
}

table{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333;
	color: #444444;
}

td {
    border: 1px solid #333;
	color: #444444;
	text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 20pt;
    line-height: 1;
    margin: 4pt;
}

thead,
tfoot {
    background-color: #333;
    color: #fff;
	text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 30pt;
    line-height: 1;
    margin: 4pt;
}


h1 {
    color: #222222;
    font-family: 'Montserrat', sans-serif;
    font-size: 600%;
    text-align: center;
    line-height: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
}

h2 {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 300%;
    line-height: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
	text-align: center;
}

h3 {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 200%;
    line-height: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
	margin-left: 30%;
	margin-right: 30%;
	text-align: center;
}

#link_email {
	color: #222222;
    font-family: 'Montserrat', sans-serif;
	text-align: right;
	font-size: 200%;
}

i {
	font-size: 100%;
}

.left_banner {
	float: left;
}

.right_banner {
	float: right;
}

.center_image{
	text-align: center;
}

.text_image{
	width: 100px;
}

.button {
    background-color: #2196f3;
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-radius: 8pt;
    color: white;
    padding: 8pt;
    width: 50%;
    min-width: 50%;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 24pt;
    margin: -2px auto;
    cursor: pointer;
}

.small_button, .small_button_off {
    background-color: #333;
    font-family: 'Montserrat', sans-serif;
    border: none;
    border-radius: 8pt;
    color: white;
    padding: 8pt;
    width: 10%;
    min-width: 100pt;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 18pt;
    margin: -2px auto;
    cursor: pointer;
}
.small_button_off {
    background-color: #ddd;
    color: #888;
    border: 2px solid #888;
    cursor: not-allowed;
    margin: -4px auto;
}

/* h1 { */
  /* font-family: 'serif'; */
/* } */

/* h2 { */
  /* font-size: large; */
  /* text-align: center; */
/* } */

/* h3 { */
  /* font-size: medium; */
/* } */


/* div { */
    /* width: 480px; */
    /* padding: 5px; */
    /* margin: 15px; */
/* } */

.resultat{
	padding: 1%;
	background: #eeeeee;
	text-align:center;
	border-radius: 16pt;
	margin-left: 8%;
	margin-right: 8%;
}

.question_text{
	color: #444444;
	text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 280%;
    line-height: 1;
    margin: 4pt;
	padding: 1%;
	background: #eeeeee;
	border-radius: 16pt;
	margin-left: 0%;
	margin-right: 0%;
}

.res_text {
    color: #444444;
    font-family: 'Roboto', sans-serif;
    font-size: 200%;
    line-height: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
}