body {
	font-family: sans-serif;
	margin: 0 !important;
	padding: 0 !important;

	a:link {
		font-weight: bold;
		color: inherit;
		text-decoration-color: #b00;
	}

	a:visited {
		color:inherit;
		text-decoration-color: #fc0;
	}

	a:hover {
		color: #fc0;
		text-decoration-color: #fc0;
		text-decoration-thickness: 10%;
		text-underline-offset: 2%;
		
	}
}

hr {
	margin: 60px 0px;
}

#page-header {
	background-color: #fff;
	padding: 20px;
	margin: auto;
	width: 1080px;
}

#header-links {
	padding: 20px;
	float: right;
	display: none;
}

#centre-box {
	padding: 20px;
}

#left-box {
	padding: 20px;
	width: 50%;
}

#home-tagline-area {
	text-align: center;
	background-image: url("img/tagline-bg.jpg");
	background-size: 1115px;
	color: #fff;
	padding: 128px 0px 128px 0px;
}

#principle-box {
	display: inline-block;
	margin: 3px;
	vertical-align: top;
	padding: 20px;
	border-radius: 10px;
	border: solid #ccc;
}

#photo-attr {
	display: none;
	padding: 8px 16px;
}

#our-values {
	padding: 17px;
	margin: 100px 0px 40px 0px;
	border-bottom: solid;
	border-bottom-color: #551;
}

#working-groups {
	padding: 27px 17px;
	margin: 100px 0px 40px 0px;
	border-bottom: solid;
	border-bottom-color: #469;
}

#about-us {
	padding: 27px 17px;
	margin: 0px 0px 40px 0px;
	border-bottom: solid;
	border-bottom-color: #b01;
}

@media screen and (min-width: 540px) {
	#header-links {
		display: inline-block;
	}

	#photo-attr {
		display: block;
		float: right;
		font-size: 8px;
		a {
			text-decoration: none;
		}
		color: #fff;
	}
}

@media screen and (min-width: 1135px) {
	#home-tagline-area {
		text-align: center;
		background-image: url("img/tagline-bg.jpg");
		background-size: 100%;
		color: #fff;
		padding: 256px 0px 256px 0px;
	}

	#centre-box {
		margin: auto;
		width: 1080px;
		padding: 20px;
	}

	#principle-box {
		display: inline-block;
		width: 311px;
		height: 200px;
		margin: 3px;
		vertical-align: top;
		background: linear-gradient(0deg, #fff 0%, #ddd 100%);
		padding: 20px;
		border-radius: 10px;
		border: none;
	}
}

#logo {
	padding: 20px;
	display: inline-block;
}

#grey-bg {
	background-color: #ddd;
}

#span-left {
	display: inline-block;
}


#button-area {
	margin: 20px;
	
	a {
		color:inherit;
		text-decoration-color: #000;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}
}

#button {
	background: #bbb;
	padding: 0.2rem 1rem;
}

#fff-shaded-padded-block {
	padding: 40px;
	background: #eee;
	margin: 20px 0px;
}

#contribution-option-area {
	text-align: center;
	width: 100%;
}

#contribution-option-icon {
	width: 60px;
}

#contribution-option-div {
	padding: 20px;
	border: #ccc solid 2px;
	border-radius: 10px;
	margin: 50px 0px;
}

#metaverse-definition {
	font-size: 25px;
}

#metaverse-definition-note {
	text-align: right;
}

#how-you-can-help {
	text-align: center;
	margin-top: 100px;
	color: #fff;
	background-image: url(img/tree-bg.png);
	text-shadow: 0 0 6px black;

	border-radius: 10px;
}

#how-you-can-help-text {
	padding: 60px;
}

#div-centre {
	margin: auto;
	width: fit-content;
}

#homepage-box {
	padding: 20px;
	color: #b01;
}



#p-large {
	font-size: large;
}