html,
body {
	font-family: 'Roboto', sans-serif;
}
#view {
	padding: 0;
	margin: auto;
	height: 700px;
	width: 700px;
}
#heading {
	width: 70%;
	text-align: center;
	padding: 20px;
	margin: auto;
}
#info {
	background-color: white;
	color: black;
	padding: 15px;
	visibility: hidden;
	font-family: 'Roboto', sans-serif;
}
.active{
	color: #a7db2e;
}
.not-active{
	color: #e65a3e;
}

@media screen and (max-width: 600px) {
  #view {
    padding: 0;
	margin: auto;
	height: 80vh;
	width: 100%;
  }
}