html{      
	background-color: #b37d4e;
	overflow: auto;
}
.main-content{
	height: 100%;
	background: linear-gradient(#286da8, #b37d4e);
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.quote-group{
	color: #dedede;
	width: 60%;
	resize: both;
	padding: 10px;
}

.quote-buttons{
	font-size: 2rem;
	margin: 5rem;
	width: 50%;
	margin: 0 auto;
}

.button{
	padding: 15px;
	border: 4px solid #ffffff00;
	border-radius: 10px;
	font-size: 1.5rem;
	cursor: pointer;
	float: left;
	margin: 5px 5px;
	width: 100%;
	background-color: #ffffff22;
	color: #cdcdcd;
	outline: none;
}

.button:hover{
	opacity: .9;
	border: solid 4px #cd5360;
	outline: none;
}

.main-quote{
	font-size: 3rem;
	font-family: verdana;
}

.quote-author{
	font-size: 2rem;
	font-family: cursive;
}

.text--center{
	text-align: center;
}