body{
	margin: 0rem;
	padding-left: 2rem;
	padding-right: 2rem;

}

#container{
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto;

	margin-bottom: 100px;
}

h1{
	text-align: center;
}

.article-container{
	margin-left: auto;
	margin-right: auto;

	display: flex;
	flex-direction: column;

	font-family: serif;
	font-size: 1rem;
}

.article-header{
	display: flex;
	flex-direction : row;
	justify-content: space-between;
}

.article-title{
	font-weight: bold;
}

.article-date{
}

.article-body{
}

.article-body p{
	text-indent: 4rem;
	text-align: justify;
}

.article-body p[first]{
	text-indent: 0rem;
}

.article-body dialogue p{
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.article-separator{
	width: 20rem;
	height: 0rem;
	border-top: .1em solid #000;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: auto;
	margin-right: auto;
}

.figure{
	width: 20rem;
	float: right;

	margin-right: 1rem;
	margin-left: 1rem;
}

.figure.big{
	float: none;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}


.figure p{
	text-indent: 0rem;
}

.figure img{
	max-width: 100%;
}

.caption{
	font-size: .9rem;
	text-align: center;
	margin-bottom: 2em;
}