html,body {

	margin: 0;
	width: 100%;
	min-height: 100vh;
}

body {

	background: linear-gradient(
		to top,	
		black 0%,
	    palevioletred 15%,
	    lightpink 55%,
	    pink 100%); 

	color: lemonchiffon;
	font-size: 20px;
	word-break: keep-all;
	text-align: justify;
	padding: 40px 50px;

}

.title {

	position: absolute;
	left: 5%;
	top: 50%;
	text-align: center;
}

.title h1 {

	font-family: "Luckiest Guy", cursive;
	font-size: 50px;
	margin: 0;
	text-transform: none;

}

.title h2 {

  font-family: "Fira Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 20px;
  margin: 3px 0 0 0;
}


.cat{

	position: absolute;
	width: 450px;
	height: auto;

	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);

}

.members {

	position: absolute;
	left: 75%;
	top: 27%;

}

.members h3{

	font-size: 30px;
	margin: 0;
}

.members p{

	margin: 2px 0 0 0;
}

.members ul{

	list-style: none;
	padding: 0;
}

.members li{

		font-size: 24px;
	  line-height: 35px;
	  margin-bottom: 10px;
}

.members {

	font-size: 15px;
	vertical-align: middle;
}

.lower {
  text-transform: lowercase;
}

.members a, 
a:visited {

	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.members a:hover {
	opacity: 0.5;
}