html, body {
	font-family: 'Quattrocento', serif;
}

h1, h2, h3, h4, h5, h6, .w3-serif {
	font-family: 'Quattrocento Sans', serif;
}

hr {
	border: 0;
	border-top: 1px solid #333;
	margin: 20px 0;
}

code {
	border-radius: 4px;
	background-color: #303030;
}

a {
	color: #2196F3 !important;
}

.w3-button, .bold, .w3-btn, .w3-tag, a, input[type=submit] {
	font-weight: 700;
	font-family: 'Quattrocento Sans', serif;
}

.nb {
	margin-bottom: 0;
}

.ns {
	margin-left: 0;
	margin-right: 0;
}

.bpb {
	padding-bottom: 64px;
}

.pb {
	padding-bottom: 12px;
}

.bmb {
	margin-bottom: 64px;
}

.mb {
	margin-bottom: 12px;
}

.btm-round {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.text-pad, code {
	padding: 0 4px;
}

.text-pad-l {
	padding: 0 12px;
}

.pad-left {
	padding-right: 12px;
	padding-left: 12%;
}

.pad-right {
	padding-right: 12%;
	padding-left: 12px;
}

.shrunk {
	padding-left: 16%; padding-right: 16%;
}

.text-justify {
	text-align: justify;
}

.noud {
	text-decoration: none;
}

.nobd {
	font-weight: 400;
}

.cvs {
	margin: 0;
	display: flex;
	justify-content: center; /* This centers our sketch horizontally. */
	align-items: center; /* This centers our sketch vertically. */
}

.animate-slow-top{position:relative;animation:animatetop 0.8s}
.animate-slow-left{position:relative;animation:animateleft 0.8s}
.animate-slow-right{position:relative;animation:animateright 0.8s}
.animate-slow-bottom{position:relative;animation:animatebottom 0.8s}

@media (min-width:601px) {
	.shrunk {
		padding-left: 35%; padding-right: 35%;
	}
}

.g_id_signin{
  width: 100%;
}

.g_id_signin > div{
  margin: 0 auto;
}