body {
	--blue: #4898D4;
	--gray: #A6A7A8;
}
h1, h2, h3 {
	color: var(--blue);
	font-variation-settings: 'wght' 500;
}
hr {
	margin: 2rem 0 2rem 0;
	border: 1px #E1E1E9 solid;
}
p {
	line-height: 1.4rem;
}

/* Fonts */
@font-face {
	font-family: 'InclusiveSans';
	src: url('/common/fonts/InclusiveSans-VariableFont_wght.ttf') format('truetype');
	/* The available weight range for this variable font */
	font-weight: 300 700;
}

/* Colors */
.blue-color {
	color: var(--blue);
}
.gray-color {
	color: var(--gray);
}

/* IDs */
#container {
	width: 610px;
	max-width: 100%;
	margin: auto;
	font-family: 'InclusiveSans', -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* Classes */
.breadcrumb {
	font-size: 0.8rem;
	color: var(--gray);
	margin-bottom:2rem;
}
.footer {
	text-align: center;
	font-size: 0.8rem;
	color: var(--gray);
	margin-top: 3rem;
}
.image {
	max-inline-size: 100%;
	block-size: auto;
}
.post-time {
	font-family: "Georgia", "Times New Roman", serif;
	font-style: italic;
}
.post-divider {
	
}
.post-permalink {
	margin-left: 1rem;
}
.post-title a {
	color: var(--blue);
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
}
.svg-icon {
	display: inline-block;
	vertical-align: -.125rem;
}
.text-center {
	text-align: center;
}

/* Forms */
.form-create-account {
	width: 100%;
	box-sizing: border-box;
	max-width: 400px;
	padding: 1rem;
	border: 1px solid var(--gray);
	border-radius: 0.5rem;
	margin: 0 auto;
}
.form-error {
	color: red;
	margin-bottom: 1.5rem;
}
.form-input, .form-label {
	width: 100%;
	display: block;
}
.form-input {
	border-radius: 0.5rem;
	border: 1px solid var(--gray);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
}
.form-label {
	margin-bottom: 0.5rem;
}
.form-submit {
	--button-primary: #0d6efd;
	--button-hover: #0b5ed7;
	background-color: var(--button-primary);
	border: 1px solid var(--button-primary);
	border-color: var(--button-primary);
	border-radius: 0.25rem;
	color: #fff;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s;
}
.form-submit:hover {
	background-color: var(--button-hover);
	border: 1px solid var(--button-hover);
	border-color: var(--button-hover);
}