/** 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; } #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; }