qpage.css

.flex-container {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item {
	background: #519872;
	padding: 5px;
	width: 200px;
	height: 150px;
	margin-top: 10px;
	
	line-height: 150px;
	color: white;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

body{
	margin-left:100px;
	margin-right:100px;
	background-color:#BEC5AD;
	border: solid #3B5249;
	border-radius: 15px 50px 30px 5px; 
	padding:25px;	
	font-family:Arial;
}

.header {
  text-align: center;
  font-size: 20px;
  font-family:Arial;
}



body {font-family: Arial, Helvetica, sans-serif;}

/* width */
::-webkit-scrollbar {
  width: 6.5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 5px #519872; 
  border-radius: 7px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #3B5249; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #519872; 
}

html{
	background-color:#A4B494;
	font-family:Arial;
}


a:link {
  text-decoration: none;
}

a:hover {
   background-color: #A4B494; 
}