@charset "utf-8";
body {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	vertical-align: top;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 10%;
	padding-left: 0;
	font-variant: normal;
	font-style: italic;
}
.oneColElsCtr #container {
	width: 600px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FB0514;
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#parent {
  display: flex;
	height: 31px;
}
#wide {
  flex: 1;
  background: #FB0514;
}
.btn-group .button {
  background-color: #000000;
  border: none;
  color: white;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  float: left;
}

.btn-group .button:hover {
  background-color: #FB0514;
	border-radius: 12px;
}
a:link {
  text-decoration: underline;
	font-size: 10px;
	color: white;
}

a:visited {
  text-decoration: none;
	font-size: 10px;
	color: white;
}

a:hover {
  color: #FB0514;
	font-size: 10px;
}

a:active {
  text-decoration: underline;
	font-size: 10px;
}
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
a.cryptedmail:link {
  text-decoration: underline;
	font-size: 12px;
	color: white;
}

a.cryptedmail:visited {
  text-decoration: none;
	font-size: 12px;
	color: white;
}

a.cryptedmail:hover {
  color: #000000;
	font-size: 12px;
}

a.cryptedmail:active {
  text-decoration: underline;
	font-size: 12px;
}	