body {
	background: radial-gradient(circle,rgba(28, 28, 28, 1) 0%, rgba(0, 0, 0, 1) 100%);

h1 {
	color: #9999ff;
	font-size: 48px;
	text-align: center;
	font-family: 'Comic Sans', cursive;
}
p {
	color: white;
	text-align: center;
	font-family: 'Trebuchet MS', sans-serif;
}

a {
	color: #9999ff;
	text-align: center;
	font-family: 'Trebuchet MS', sans-serif;
}
img {
  display: block;
  margin: auto;
}

.container {
	/*width: 35em;*/
    position: absolute;
    left: 50%;
    transform: translate(-50%, 125px);
	border-radius: 8px;
	border: 8px solid #9999ff;
	display: flex;
	flex-direction: column;
	background-color: linear-gradient(0deg,rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 100%);
	align-items: center;
	justify-content: center;
	font-family: 'Trebuchet MS', sans-serif;
}
.container > div {
	background-color : linear-gradient(0deg,rgba(51, 51, 51, 1) 0%, rgba(26, 26, 26, 1) 100%);
	width: 25em;
	color: white;
	margin: 10px;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	font-family: 'Trebuchet MS', sans-serif;
}

.container2 {
	/*width: 35em;*/
    position: absolute;
	width: 25em;
    left: 50%;
    transform: translate(-50%, 0%);
	border-radius: 8px;
	border: 4px solid #ffffff;
	display: flex;
	flex-direction: row;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%);
	align-items: center;
	justify-content: center;
	font-family: 'Trebuchet MS', sans-serif;
}
.container2 > div {
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(50, 50, 50, 1) 100%);
	border-radius: 8px;
	border: 4px solid #ffffff;
	color: black;
	margin: 10px;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	font-family: 'Trebuchet MS', sans-serif;
}