a {
	color: #B300F9;
	text-decoration: none;
}

body {
	background-color: #F8F2FF;
	color: #291332;
	font-size: 18px;
}

div {
	border: none;
}

.tab {
	overflow: hidden;
	border: 0px solid #7300A0;
--	background-color: #7300A0;
	margins: auto;
}

.tab button {
	background-color: inherit;
	border: none;
	cursor: pointer;
	float: center;
	font-family: Lato;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	padding: 1em 1em;
	transition: 0.3s;
/*	width: 19.8%;
*/
}

.tab button:hover {
	background-color: #6800F1;
	color: #E7E1EE;
	font-weight: bold;
}

.tab button.active {
	background-color: #5300C9;
	border: 2px ridge silver;
	color: #C1BCC6;
	font-weight: bold;
}

.tabcontent {
	animation: fadeEffect 1s;
	background-color: #F8F2FF;
	border: 0px solid #7300A0;
	border-top: none;
	display: none;
	font-family: Lato;
	padding: 6px 12px;
}

.tablinks {
--	text-align: right;
}

@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.header {
	color: #AA0000;
	font-family: Chiller;
	text-align: center;
}

h1 {
	font-size: 7em;
}

h3 {
	color: #4F165B;
	font-size: 24px;
}

td {
	padding: 1em;
	text-align: top;
}

.ttgcolumns {
	width: 33%;
}

hr {
	color: #8311AF;
}