@charset "UTF-8";
/* CSS Document */
body {
	background-image: url("assets/bg.png");
	background-position: center;
    	background-color: #f2f2f2;
	font-family: "Arial";
	
}
p {
	color: #000099;
}

h1 {
color: #000099;
}

.toplogo {
	margin: auto;
	display: flex;
    	justify-content: left;
	max-width: 609px;
}

.btn-group .button {
    	background-color: #e673b2;
	border: none;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
    	color: white;
    	padding: 16px 10px;
    	text-align: center;
    	text-decoration: none;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.8s;
    	cursor: pointer;
	float: left;
}


.btn-group .button:hover {
    	background-color: #f6b0d6;
	color: white;
}

.button2 {
    	background-color: #e673b2;
	border: none;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
    	color: white;
    	padding: 16px 10px;
    	text-align: center;
    	text-decoration: none;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.8s;
    	cursor: pointer;
	float: left;
	width: 375px;
}


.button2:hover {
    	background-color: #f6b0d6;
	color: white;
}

.button3 {
 
	border: 2px;
	border-color: black
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
    	color: #000099;
    	padding: 16px 10px;
    	text-align: center;
    	text-decoration: none;
    	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.8s;
    	cursor: pointer;
	float: left;
	width: 375px;
}

.container {
  	display: flex;
  	justify-content: center;
}

.content {
	font-family: "Arial";
	color: #000099;
	border: 5px solid white;
	border-radius: 25px;
	background-color: #f6b0d6;
	margin: auto;
	max-width: 795px;
	padding: 15px;
}

.footer a:link{
    color: #e673b2; 
}
.footer a:visited{
    color: #e673b2;
}
.footer {
	font-family: "Arial";
	font-size:18px;
	color: #e673b2;
	background-color: #e673b2;
	margin: auto;
	max-width: 750px;
	padding: 15px;
	text-decoration: none;
}
 
.frontcontent {
	font-family: "Arial";
	color: white;
	border: 5px solid white;
	border-radius: 25px;
	background-color: #f6b0d6;
	margin: auto;
	max-width: 795px;
	padding: 15px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 3;
}

.content2 {
	font-family: "Arial";
	color: #000099;
	background-color: #f6b0d6;
	margin: auto;
	max-width: 650px;
	padding: 15px;
}

p.hidden {
	visibility: hidden;
}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}