2020-12-07 22:04:05 +01:00
|
|
|
/**
|
|
|
|
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 */
|
|
|
|
}
|
|
|
|
|
2020-12-07 16:02:26 +01:00
|
|
|
body {
|
2020-12-07 22:04:05 +01:00
|
|
|
margin: 0 10vw 0 10vw;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1, h2 {
|
|
|
|
margin: 0;
|
2020-12-07 16:02:26 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
font-size: 5vw;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 3vw;
|
2020-12-24 00:15:26 +01:00
|
|
|
display: inline;
|
2020-12-07 16:02:26 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#pensum_content {
|
|
|
|
font-size: 2vw;
|
|
|
|
}
|
|
|
|
|
2020-12-07 22:04:05 +01:00
|
|
|
span {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2020-12-03 20:22:58 +01:00
|
|
|
input[type="text"] {
|
2020-12-07 01:21:16 +01:00
|
|
|
-webkit-appearance: none;
|
2020-12-03 20:22:58 +01:00
|
|
|
border: none;
|
2020-12-07 22:04:05 +01:00
|
|
|
border-bottom: 2px solid black;
|
|
|
|
box-sizing: border-box;
|
|
|
|
font: inherit;
|
2020-12-03 20:22:58 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
input[type="text"].incorrect {
|
2020-12-07 22:04:05 +01:00
|
|
|
background-color: indianred;
|
2020-12-03 20:22:58 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
input[type="text"].correct {
|
|
|
|
background-color: green;
|
2020-12-07 01:21:16 +01:00
|
|
|
}
|