html, body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
}

.logo {
	animation-name: backInRight;
	animation-duration: 2s;
	background: black;
	float: right;
	position: absolute;
	right: 20px;
	top: 20px;
	color: white;
	font-size: 40px;
	border-radius: 10px;
	padding: 12px;
	padding-right: 5px;
}

.hub {
	padding: 7px;
	margin-left: 5px;
	border-radius: 10px;
	background: #F7971E;
	color: black;
}

.pride {
	background: linear-gradient(0deg, rgba(222,0,255,1) 16.6%, rgba(0,0,255,1) 16.61%, rgba(0,0,255,1) 33.2%, rgba(0,186,0,1) 33.2%, rgba(0,186,0,1) 49.8%, rgba(255,255,0,1) 49.8%, rgba(255,255,0,1) 66.4%, rgba(255,153,0,1) 66.4%, rgba(255,153,0,1) 83%, rgba(255,0,0,1) 83%);
}

.luca {
	background: deepskyblue;
}