@import "desktop.css" (orientation: landscape);
@import "mobile.css" (orientation: portrait);
@import "skeleton.css";
@import "friend.css";
@import "nav.css";
@import "shadow.css";

:root {
	background-color: light-dark(#eee, #111);
	transition:
		background 0.4s ease,
		color 0.4s ease;
}

@view-transition {
	navigation: auto;
}

:root:active-view-transition {
	transition-property: none;
}

body {
	display: flex;
	flex-direction: column;
	margin: 0;
	min-height: 100vh;
}

main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}