@import url("/Assets/CSS/Lesson.css");
@import url("/Assets/CSS/SlidePoint.css");

html {
	font-size: 1.2vw;
}
@media only screen and (max-width: 1920px) {
	html {
		font-size: 1.5vw;;
	}
}

slide.exercise {
	background: url("/Assets/Images/Blackboard.jpg") fixed center;
	background-size: cover;
}

slide.exercise.text {
	color: #FFFFFF;
}
slide.exercise.lite {
	color: #BA73B0;
}
slide.exercise.dark {
	color: #954A8B;
}

h1, h2, h3, td {
	text-align: center;
}
h1 {
	margin: 8vw auto;
	font-size: 3rem;
}
h2 {
	margin: 5vw auto;
	font-size: 2rem;
}
h3 {
	font-size: 1.2rem;
}
th {
	font-size: 1.2rem;
}

table object {
	width: 2rem;
}
table tr.similar td {
	padding-top: 1.5rem;
}

.post {
	cursor: pointer;
	font-weight: bold;
}
.oblique {
	display: none;
	font-style: italic;
}

label.example {
	margin-left: 40vw;
	font-size: 1.2em;
}
	input {
		display: none;
	}
		input:disabled ~ .normal {
			display: inline;
		}
		input:disabled ~ .oblique {
			display: none;
		}
		input:checked ~ .normal {
			display: none;
		}
		input:checked ~ .oblique {
			display: inline;
		}

.notes {
	position: absolute;
	left: 10vw;
	bottom: 10vh;
	text-align: left;
	font-size: 0.8rem;
}

button {
	font-size: 20px;
	padding: 0.5em 1em;
}