@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700');
body {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #efefef;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
	padding: 0;
	margin: 0;
}

.blog {
	background-color: white;
	padding: 16px;
	border-radius: 2px;
	width: 100%;
	max-width: 1000px;
	margin: 32px auto;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
}

.blog b {
	font-weight: 700;
}

.blog h1, .blog h1 a, .blog h1 a:visited, .blog h2, .blog h3 {
	font-weight: 700;
	color: black;
	margin-top: 32px;
	margin-bottom: 8px;
	text-decoration: none;
}

.blog h1, .blog h1 a, .blog h1:visited {
	color: #3F51B5 !important;
}

.blog pre {
	padding: 16px;
	background-color: #EEEEEE;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	overflow-x: auto;
}

.blog img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.blog p:last-child {
	font-style: italic;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	padding-top: 8px;
	color: rgba(0, 0, 0, 0.54);
}

.blog a {
	color: #3D5AFE;
}

.blog a:visited {
	color: #F50057;
}

.blog p:last-child a {
	text-decoration: none;
}