@import url('https://fonts.googleapis.com/css2?family=Piedra&display=swap');
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Piedra', cursive;}

body
{
	background-color: khaki;
}

div#world
{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	height: 1000px;
	width: 1000px;
	background-color: white;
	margin: 20px auto;
	position: relative;
}

img#karel.n { transform: rotate(0deg); }
img#karel.e { transform: rotate(90deg); }
img#karel.s { transform: rotate(180deg); }
img#karel.w { transform: rotate(270deg); }

img#karel
{
	position: absolute;
	transition: all 500ms;
}

div#world > div > p
{
	font-size: 45px;
	opacity: .15;
}

div#world > div
{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 45px;
}