body {
	background-color: #e2e2e2;
}

#banner {
	background-color: #50c878;
	margin: auto;
	width: 90%;
	height: 150px;
}

#footer {
	text-align: center;
}

#blog-name {
	text-align: center;
	font-family: "Courier New", monospace;
	font-size: 40px;
	color: #ffffff;
	padding: 30px;
}

.content-box {
	background-color: #ffffff;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 70%;
}

.article-title {
	font-weight: bold;
	margin: 20px;
}

.article-date {
	color: #888888;
}

.article-intro-show {
	font-weight: bold;
	margin: 20px;
}

.article-intro-index {
	margin-left: 40px;
}

.article-meta {
	margin: 20px;
}

.article-text {
	margin: 20px;
}

.tags {
    display: flex;
	margin: 20px;
}

.tag {
    background-color: #e8e8e8;
    border: solid black 1px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.comments {
	margin: 20px;
}

.comment {
	background-color: #d0d0d0;
	margin: 20px;
}

.comment-author {
    background-color: #50c878;
    margin: 20px;
}

.comment-meta {
	margin: 20px;
}

.comment-text {
	margin: 20px;
}

.comment-new {
	margin: 20px;
    max-width: 100%;
}

.profile-picture {
	background-color: #c0c0c0;
	height: 200px;
	width: 200px;
}
.error-message {
	color: red;
}

.form-row {
    margin-top: 5px;
    margin-bottom: 5px;
}