#content {
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 10%;
}
.periodic_table {
	width: 100% !important;
}
.periodic_table tr {
	height: 5pc;
}
.element {
	width: 5pc !important;
	text-align: center;
	border: solid grey 1px;
}
.element a {
	color: black;
	text-decoration-line: none;
}
.element_name{
	margin: 0;
	font-size: 14px;
}
#results {
	padding-bottom: 5%;
}
.ghost_cell {
	border: none;
	background-color: none;
}
.non-metal {
	background-color: #FFFFBD !important;
}
.noble-gas {
	background-color: #FFE5BF !important;
}
.metalloid {
	background-color: #DAE8B3 !important;
}
.post-transition-metal {
	background-color: #B6FEB6 !important;
}
.transition-metal {
	background-color: #C2E1FF !important;
}
.alkaline-earth-metal {
	background-color: #D6D6FF !important;
}
.alkali-metal {
	background-color: #FFC6C6 !important;
}
.lanthanide {
	background-color: #ADFFFF !important;
}
.actinide {
	background-color: #C0FFEA !important;
}