
input {
	font-size: 1rem;
	border-color: #C7CED4;
	border-style: solid;
	border-width: 1px;
}

.graph-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: .25rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.card {
	border: 1px solid #0D0D0D;
	background-color: white;
	padding: .5rem;
	align-content: center;
}

.card > .header {
	margin-bottom: .25rem;
}

.card > .body {
	font-size: .8rem;
	font-family: arial;
	color: #0D0D0D;
	align: center;
}

.image {
	width: 100%;
	color: #0D0D0D;
	padding: 5%;
}

.hide {
	display: none;
}