body {
	background-color: #fff;
}

header {
	width: 100%;
}

header h1 {
	color: black;
	text-align: center;
}

.wrapper {
	margin: 0 auto;
	max-width: 800px;
}


.logo {
	margin: 0 auto;
	width: 100px;
}

.logo img {
	width: 100px;
}

.skyline-wrapper {
	position: relative;
	height: 300px;
	max-height: 30vw;
}

.skyline-image {
	width: 20%;
	opacity: 0;
	/*animation: fadeIn 1s ease;*/
}

@keyframes fadeIn {
  from {
    opacity: 0;
    bottom: -10%
  }
  to {
    opacity: 1;
    bottom: 0%;
  }
}

article img {
	width: 100%;
}

/* Comments */

.comments { margin-top: 2rem; }
.comments h2 { font-size: 1.4rem; border-bottom: 1px solid #ddd; padding-bottom: 0.4rem; }
.comment {
	margin: 1.5rem 0;
	padding: 1rem;
	background: #f9f9f9;
	border-left: 3px solid #ccc;
}
.comment-header { margin-bottom: 0.5rem; }
.comment-author { font-weight: bold; font-size: 0.95rem; }
.comment-date { color: #888; font-size: 0.85rem; font-family: monospace; margin-left: 0.5rem; }
.comment-body { white-space: pre-wrap; word-break: break-word; }
.comment-form { margin-top: 2rem; }
.comment-form h3 { font-size: 1.1rem; margin-bottom: 0.3rem; }
.comment-form .notice { color: #666; font-size: 0.85rem; margin-bottom: 1rem; font-style: italic; }
.comment-form label { display: block; margin: 0.8rem 0 0.2rem; font-size: 0.9rem; font-weight: bold; font-family: sans-serif; }
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
width: 100%;
padding: 0.4rem 0.5rem;
border: 1px solid #ccc;
font-family: Georgia, serif;
font-size: 1rem;
box-sizing: border-box;
}
.comment-form textarea { height: 8rem; resize: vertical; }
.comment-form button {
margin-top: 0.8rem;
padding: 0.5rem 1.5rem;
background: #222;
color: #fff;
border: none;
cursor: pointer;
font-size: 0.95rem;
}
.comment-form button:hover { background: #444; }
.no-comments { color: #666; font-style: italic; }
.flash {
padding: 0.8rem 1rem;
margin-bottom: 1rem;
font-family: sans-serif;
font-size: 0.9rem;
}
.flash-success { background: #d4edda; color: #155724; border: 1px solid #28a745; }
.flash-error { background: #f8d7da; color: #721c24; border: 1px solid #dc3545; }