<style>
	.logo {
		position: absolute;
		right: 3vh;
		top: 7vh;
		cursor: pointer;
		transition: 0.2s;
		width: 84px;
		background-size: cover;
		z-index: 1234;
	}
	.logo:hover {
		transform: scale(1.15);
	}
	.logo img { width: 100%; }
	.keep {
		display: block;
	}
	@media screen and (max-width: 800px) {
		.logo {
			display: none;
		}
		.keep {
			display: block !important;
		}
	}
</style>
<script>
		export let keep = false;
</script>

<div class="logo" class:keep>
	<a href="https://pedf.cuni.cz/"><img src="/svg/logo.svg" alt="logo"></a>
</div>
