@import url('./reset.css');

:root {
	--main-bg-colour: #0b3c5e url('../img/noise.png');
	--main-text-colour: hsl(10, 69%, 49%);
	/* --outp-bg-colour: #ACE4AA url('../img/noise.png'); */

}

body {
	background: var(--main-bg-colour);
	display: grid;
	justify-content: center;
	align-content: center;
	height: 100vh;
	width: 100vw;
	color: #ccc;
	font-family: 'Oswald','sans-serif';
}

h1 {
	font-size: calc(100vmin / 4);
	color: var(--main-text-colour);
}

.forename {
	transform: translateX(-10vmin);
}

.surname {
	transform: translateX(10vmin);
}

p {
	font-size: calc(100vmin / 4 / 10);
	transform: translateX(40vmin);
	text-align: center;
	color: #ACE4AA;
	width: fit-content;
}