@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sl.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sl.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sl.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sl.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sl.svg#weblysleek-ui') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sli.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sli.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sli.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sli.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sli.svg#weblysleek-ui') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-l.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-l.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-l.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-l.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-l.svg#weblysleek-ui') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-li.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-li.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-li.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-li.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-li.svg#weblysleek-ui') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sb.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sb.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sb.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sb.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sb.svg#weblysleek-ui') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'WeblySleek UI';
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sbi.eot');
    src: url('/css/webfonts/weblysleek-ui/weblysleekui-sbi.eot?#iefix') format('embedded-opentype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sbi.woff') format('woff'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sbi.ttf') format('truetype'),
         url('/css/webfonts/weblysleek-ui/weblysleekui-sbi.svg#weblysleek-ui') format('svg');
    font-weight: 700;
    font-style: italic;
}

body {
	font-family: 'WeblySleek UI', 'Segoe UI Semilight', 'Segoe UI', 'Segoe', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-size: 22px;
	font-weight: lighter;
}

.footer {
	overflow: hidden;
	width: 100%;
	padding: 8px 0;
	background-color: black;
}

.footer .fineprint {
	color: #DDDDDD;
	font-size: 14px;
}

.footer .fineprint a {
	color: inherit;
	text-decoration: underline;
}

.row {
	margin-top: 15px;
	margin-bottom: 15px;
}

h1 {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}

h1 .google-logo {
	height: 46px;
	vertical-align: -12px;
}

h2 .google-logo {
	height: 38px;
	vertical-align: -12px;
}

[data-claim] {
	text-decoration: underline;
	cursor: pointer;
}

.selected[data-claim] {
	color: blue;
}

.hidden[data-default] {
	display: none;
}

[data-default] .hint {
	font-size: 18px;
	margin: 20px;
	color: grey;
	font-style: italic;
	font-weight: normal;
}

[data-evidence] {
	display: none;
	margin: 20px;
}

.visible[data-evidence] {
	display: block;
}

[data-evidence] img,
[data-default] img{
	display: block;
	width: 100%;
}

[data-evidence] a,
[data-default] a {
	text-align: right;
}