* { box-sizing: border-box; }
html,body {
	padding:0;
	margin:0;
}

html {
	overflow-x: hidden;
}

body {
	background-image: url("./bg.webp");
	background-position: center top;
}

header {
	padding: 1rem;

	h1 {
		margin: 0 auto;	
	}
}

#container {
	position: relative;
	--img-margin: 5px;

	img {
		position: absolute;
		box-sizing: border-box;
		margin: var(--img-margin);
		border: 1px solid;
		padding: calc(10px - var(--img-margin));
		transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
		background-color: aliceblue;
	}
}