/*
--color-primary-0: #67c0ff;
--color-primary-1: #c7e8ff;
--color-primary-2: #91d1ff;
--color-primary-3: #3eafff;
--color-primary-4: #109afb;
*/

:root {
	font-family: Arial;
	font-size: 24pt;
	font-weight: bold;
	color: #fff;
}

.blue {	
	background-color: #91d1ff;
}

* {
	padding: 0px;
	margin: 0px;
}

a:-webkit-any-link:not(.underline), a:visited:not(.underline) {
	color: #fff;
	text-decoration: none;
}
a:link:not(.title):not(.description) {
	color: #fff;
	text-decoration: underline;
}
a:hover:not(.title):not(.description) {
	border: 1px dashed #fff;
}


body {
	width: 100%;
	text-align: center;
	transition: all 1s cubic-bezier(.25,.46,.45,.94);
}

.header, .footer {
    display: table;
	width: 100%;
	height: 50px;
}

.header {
	margin-top: 10px;
	margin-bottom: -10px;
}

.footer {
	margin-top: -10px;
	margin-bottom: 10px;
}

.content {
    display: table;
	vertical-align: middle;
	width: 100%;
	height: calc(100% - 100px);
}

.content a {
	display: block;
}

a.title {
	font-size: 38pt;
}

p.descripton {
	font-weight: normal;
}

.fill {
	display: table-cell;
    vertical-align:middle;
}

.page { 
	display: none;
}

.page.current {
	display: block;
}

.description img {
	height: 64px;
}

.legal {
	font-size: 8pt;
	font-weight: normal;
}

.underline {
	color: #fff;
	text-decoration: underline;
}