* {
	box-sizing: border-box;
	font-family: Arial, Tahoma;
	font-size: 18px;
}

html, body {
	background-image: url('../bg1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.middle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.content {
	width: 90%;
	backdrop-filter: blur(4px);
	padding: 25px;
	margin: 25px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 15px;
	box-shadow: 0px 0 80px #000;
	text-shadow: 1px 1px 1px #fff;
}

	@media (min-width: 960px) {
		.content {
			width: 800px;
		}
	}

.content * {
	color: #000;
}