* {
	margin: 0;
	padding: 0;
}

*, *:after, *:before {
	box-sizing: border-box;
}

html {
	font-size: 16px;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #003682;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	overflow-x: hidden;
	line-height: 1.4;
	height: 100vh;
	width: 100vw;
	background-image: url("/background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

main {
	padding: 1rem;
	max-width: 600px;
	border-radius: 4px;
	background-color: #c4f0d3;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	font-size: xx-large;
	background-color: rgba(219, 250, 218, 0.3);
}