html, body {
	margin: 0;
    height: 100%;
    width: 100%;
	overflow: hidden;
}

.main {
	height: 100%;
}

table {
    height: 100%;
    width: 100%;
}

a:link, a:visited {
    color: #fff;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('font/UniNeueLight.eot');
	src: url('font/UniNeueLight.eot?#iefix') format('embedded-opentype'),
		url('font/UniNeueLight.woff2') format('woff2'),
		url('font/UniNeueLight.woff') format('woff'),
		url('font/UniNeueLight.ttf') format('truetype'),
		url('font/UniNeueLight.svg#UniNeueLight') format('svg');
	font-weight: 300;
	font-style: light;
}

@font-face {
	font-family: 'Uni Neue';
	src: url('font/UniNeueHeavy-Italic.eot');
	src: url('font/UniNeueHeavy-Italic.eot?#iefix') format('embedded-opentype'),
		url('font/UniNeueHeavy-Italic.woff2') format('woff2'),
		url('font/UniNeueHeavy-Italic.woff') format('woff'),
		url('font/UniNeueHeavy-Italic.ttf') format('truetype'),
		url('font/UniNeueHeavy-Italic.svg#UniNeueHeavy-Italic') format('svg');
	font-weight: 800;
	font-style: heavy-italic;
}

.fonts {
font-family: 'Uni Neue';
}

header {
	height: 40px;
	width: 100%;
	top: 0;
    right: 40px;
	position: fixed;
	font-family: 'Calibri';
	font-size: 16pt;
	text-align: right;
	background: none;
	color: #fff;
}

body {
    color: #fff;
}

footer {
	height: 50px;
	width: 100%;
	bottom: 0;
	position: fixed;
	padding: 10px 10px 15px 15px;
	font-family: 'Calibri';
	font-size: 12pt;
	background: none;
	color: #fff;
}

.cryptedlink:after {
  content: attr(data-name) "." attr(data-domain) "." attr(data-tld); 
}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}