:root {
	--bg-one: #cccccc;
	--bg-two: #999999;
	--bg-three: #888888;
	--fg-one: #666666;	
}
body {
	background-color: var(--bg-one);
}
@media (orientation: landscape) {
	.mainText {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	.iconFeed {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
}
.iconFeedPost {
	background-color: var(--bg-two);
	border-style: solid;
	border-width: 0em 0em 0em 0.5em;
	border-color: var(--fg-one);
	padding: 0.5em;
}
.iconFeedPostPhoto {
	display: inline-block;
	vertical-align: top;
	width: 10em;
}
.iconFeedPostText {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: calc(100% - 10em);
}
.iconFeedPostText pre {
	margin-left: 1em;
}
.iconFeedPostText p,h2 {
	margin-top: 0;
}
.iconFeedPostText img {
	width: 90%;
	margin-left: 5%;
}
@media (orientation: landscape) {
	.iconFeedPostText img {
		width: 60%;
		margin-left: 20%;
	}
}
.iconFeedPostActive:hover {
	cursor: pointer;
	background-color: var(--bg-three);
}