:root {
	--color-a: #f3f4ed;
	--color-b: #536162;
	--color-c: #424642;
	--color-d: #c06014;
	height: 100%;
	background-image: url(https://images.unsplash.com/photo-1607363437694-1b63217e89f1?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1920);
}

body {
	color: var(--color-c);
	margin: 0;
	height: 100%;
	width: clamp(min(800px,100%), 60%, 1000px);
	background-color: var(--color-a);
	box-sizing: border-box;
	padding: 1rem;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

h1 {
	text-align: center;
	border-bottom: 1px solid var(--color-c);
	padding-bottom: 1rem;
	color: var(--color-d);
}

a {
	color: var(--color-c)
}

.line {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1rem;
}
.line>* {
	flex: auto;
}

footer {
	display: flex;
	justify-content: center;
	padding: 1rem;
	border-top: 1px solid var(--color-c);
}

input {
	border-radius: 50rem;
}