body{
	font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	color:#000;
	margin:0;
	overflow-x:hidden;
	padding:0 16px;
}
header{
	height:56px;
	display:flex;
	align-items:center;
	background-color:#2196f3;
	color:#000000;
	/*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
	margin:0 -16px 16px;
}
h1{
	margin:32px 0 0 0;
	padding:0;
	font-size:36px;
	font-weight:initial;
	color:#2196f3;
}
h2{
	margin:0;
	padding:0;
	font-size:20px;
	color:#2196f3;
}
.section{
	margin:-8px -16px 16px;
	padding:8px 16px;
	border-bottom:2px solid #2196f3;
}
.section:last-child{
	border-bottom:0;
}
.card{
	background-color:#ffffff;
	border-radius:8px;
	box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin:8px;
	padding:8px;
	border:1px solid #575757;
}
body>.card{
	margin:-8px -16px 16px;
	padding:8px 16px;
	border-radius:0;
	border-left:0;
	border-right:0;
}
.scroll-container{
	overflow-x:auto;
	white-space:nowrap;
	margin:0 -8px;
	text-align:center;
}
body>.card>.scroll-container{
	margin: 0 -16px;
}
body>.card>.scroll-container>:first-child{
	margin-left:16px;
}
body>.card>.scroll-container>:last-child{
	margin-right:16px;
}
img.card{
	padding:0;
	border:0!important;
}
.badges{
	text-align:center;
}
a,a:hover,a:link,a:active,a:focus,a:visited{
	color:#2196f3;
}
header>menu{
	position:absolute;
	right:0;
}
header>menu,header>menu *{
	margin:0;
	padding:0;
	display:block;
	height:inherit;
}
header>menu a{
	color:inherit!important;
	text-decoration:none;
	height:56px;
	padding:0 8px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	vertical-align:middle;
	width:100px;
	text-align:center;
	font-weight:bold;
}