:root {
  --border-radus: 1rem;
  --background: #000000;
  --header-background: #FFFFFF;
  --header-height: 3rem;
  --input-bar-height: 3rem;
}

body{
	background: var(--background);
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

main {
	display: flex;
	flex-direction: column;
	align-self: flex-start;
	gap: 1rem;
	margin: 0 auto;
	height: calc(100vh - var(--header-height) - var(--input-bar-height));
	box-sizing: border-box;
}

header {
	background-color: var(--header-background);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 1rem;
	gap: 1rem;
	font-weight: bold;
	height: var(--header-height);
	box-sizing: border-box;
}

footer {
	width: 100vw;
	height: var(--input-bar-height);
	background-color: var(--background);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 1rem;
	box-sizing: border-box;
	gap: 1rem;
}