* {
	font-family: "sans-serif";
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: linear-gradient(#3552a2, #02125a) fixed no-repeat;
	gap: 2em;
}

body>section {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2em;
}

#intro {
	display: inherit;
	flex-direction: row;
	gap: 1em;
}

#intro > .card:nth-child(1) {
	flex: 10;
}

#intro > .card:nth-child(2) {
	flex: 20%;
}

#descriptions {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

footer.card {
	background: rgba(20, 25, 50, 0.5);
	width: 90%;
}

.card {
	font-size: 1.25em;
	color: #ddd;
	padding: 1.5em;
	border-radius: 0.5em;
	border: 2px solid black;
	background: radial-gradient(
		50% 50%,
		rgba(50, 40, 55, 0.25),
		rgba(5, 5, 5, 0.5)
		);
}

#descriptions.card > p:nth-child(2) {
	color: #bbb;
	font-size: 0.75em;
}