* {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 100%;
}

body {
	margin: 20px;
	font-size: 200%;
	background: #ffffff;
	background: linear-gradient(175deg, #ffffff 0%, #ffffff 50%, #e0e0e0 100%); 
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
}

svg {
	width : 30px;
	height: 30px;
}

h1 {
	color: #cccccc;
	font-size: 150%;
}

h2 {
	color:  #552200;
}

p {
	color: #555555;
}

a {
	color: #773300;
}

a:hover {
	color: #cc4400;
}

div.background {
	position: relative;
	left: 10%;
	top: 10%;
}

div.container {
	position: relative;
	width: 60%;
	height: 50%;
	margin-left: -20%;
	margin-top: -25%;
	left: 40%;
	top: 50%;
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
}