html {
	color: white;
	background-color: black;
	font-family: arial;
	font-size: 2em;
	word-wrap: break-word;	
}

/* Para iPhone 6 plus. Añadir las de otros dispositivos */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  	html {
  		font-size: 4em;
  	}
}

/* Para iPad Mini. Añadir las de otros dispositivos */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	html {
  		font-size: 3em;
  	}
  	pre {
  		font-size: 3em;
  	}
}

#mainDiv {
	width: 80%;
	text-align: center;
	margin: auto;
	background-color: #303030;
	padding: 5%;
	border-radius: 0 10px 0 10px;
	border-style: ridge;
}

input[type=text], input[type=number], input[type=password] {
	margin: 10px auto 10px auto;
	font-size: 0.6em;
	width: 80%;
}

select {
	font-size: 0.6em;
	margin: 10px auto 10px auto;
}

input[type=button] {
	font-size: 0.6em;
}

button {
	font-size: 0.6em;
}

input[type=number] {
	max-width: 100px;
}

input[type=checkbox] {
	transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	margin: 0 20px 0 auto;
}

input[type=radio] {
	transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	display: inline;
	margin: 50px auto 10px auto;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	text-align: left;
	font-family: arial;
	font-size: 0.7em;
}

img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	width: auto;
	height: auto;
}