:root {
	--width: 1280;
	--height: 720;
}

p:only-child {
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
}

h1 + p:last-child {
	margin-top: 0;
	margin-bottom: 0;
	height: calc(100% - 180px); /* FIXME dle vysky H1 */
}

p:only-child img, h1 + p:last-child img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.slide:nth-of-type(1)::after {
	position: absolute;
	content: url(img/frontkon.png);
	right: 50px;
	bottom: 30px;
}

.example-1 div::before {
	display: none;
}

.screenshot {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: right;
}

.screenshot img {
	height: 100%;
}

.thinking img { width: 300px; }

.thinking {
	position: absolute;
	right: 3em;
	bottom: 2em;
	margin: 0;
}

.slide.current .thinking {
	transition: right 1s;
}

.slide:not(.current) .thinking {
	right: -10em;
}

table {
	width: calc(100% - 160px);
	border-collapse: collapse;
}

th, td {
	padding: 0.5em;
	border: 2px solid #333;
}

th, td:first-child {
	color: var(--color);
}