body {
	background-image: url("images/welcome/welcome.jpg");
	background-repeat: no-repeat;
	background-size: 100% 165%;
	color: white;
}

.myHeader {
	display: flex;
	font-size: 40px;
}

#genial {
	padding-top: 4px;
	padding-left: 10px;
}

.headerButtons {
	display: flex;
	justify-content: flex-end;
	font-size: 20px;
	width: 100%;
}

.headerButtons > div {
	margin: 15px;
}

.mottoWrapper {
	padding-top: 10%;
	display: flex;
	justify-content: center;
}

.motto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 120px;
}

.mottoButtons {
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-family: "garamond";
	font-weight: 1000;
	letter-spacing: 1px;
}

.mottoButtons > a > div {
	margin: 10px;
	padding: 15px;
	background-color: rgba(161, 89, 39, 0.7);
	border-radius: 5px;
	transition: background-color 0.3s;
}

.mottoButtons > a > div:hover {
	background-color: rgba(94, 48, 16, 0.8);
}

a {
	text-decoration: none;
	color: white;
	opacity: 0.85;
	transition: opacity 0.3s;
}

a:hover {
	opacity: 2;
}