: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/codecon.svg);
	right: 50px;
	bottom: 30px;
	width: 600px;
}

.side {
	margin-top: 0;
	float: right;
}

.standards {
	margin-top: 2em;
}

.standards li {
	line-height: 3rem;
}

.size-plus {
	font-size: 150%;
}

.size-minus {
	font-size: 60%;
}

.frameworks {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	aspect-ratio: 1;
	margin: auto;
	height: calc(100% - 160px);
}

.frameworks div {
	background-size: cover;
	position: relative;
}

.frameworks div img {
	position: absolute;
	left: 12px;
	bottom: 12px;
	width: 80px;
	filter: drop-shadow(0 0 1px #fff);
}

.frameworks div:nth-child(1) { background-image: url(img/misko-hevery.jpg); }
.frameworks div:nth-child(2) { background-image: url(img/jordan-walke.jpg); }
.frameworks div:nth-child(3) { background-image: url(img/rich-harris.jpg); }
.frameworks div:nth-child(4) { background-image: url(img/evan-you.jpg); }

.logo {
	position: relative;
}

.logo::after {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background-position: center;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% + 50px);
	transform: rotate(-15deg);
}