/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0 10vw 0 10vw; 
}

header {
    margin: 0;
    padding: 0;
}

h1, h2 {
    margin: 0;
}

h1 {
	font-size: 5vw;
}

h2 {
	font-size: 3vw;
	display: inline;
}

#pensum_content {
	font-size: 2vw;
}

span {
	display: inline-block;
}

input[type="text"] {
	-webkit-appearance: none;
	border: none;
	border-bottom: 2px solid black;
    box-sizing: border-box;
	font: inherit;
}

input[type="text"].incorrect {
	background-color: indianred;
}

input[type="text"].correct {
	background-color: green;
}