body {
    color: #5C6670;
    font-family: "Arial", Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
    background: url(ws-background.jpg);
}

.container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: flex-start;
}

.box {
	width: 15em;
	margin: auto;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	padding: 1em;
	border: 4px solid #857e7f;
	background-color: whitesmoke;
}

ul {
    list-style: square;
    margin: 0;
    padding: 0 auto 0 0;
    overflow: hidden;
}

a {
    color: #1460aa;
    text-decoration: none;
}

a:hover {
    color: #880E22;
    text-decoration: none;
}

div#navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #981E32;
}

div#navbar ul li {
    float: left;
}

div#navbar ul li a {
    display: block;
    color: rgb(248, 133, 133);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background: linear-gradient(0,black,#981e32);
    text-shadow: 0 -1px black, 0 1px black, -1px 0 black, 1px 0 black;
    border-radius: 8rem;
    margin-right: 0.1rem;
}
div#navbar ul li a:hover {
    background: linear-gradient(0,#981e32,black);

}
div#navbar ul li a:hover:not(.active) {
    background-color: #880E22;
}

div#navbar ul li a.active {
    background-color: #53565A;
    color: white;
    background: linear-gradient(0,black,grey);
    text-shadow: 0 -1px black, 0 1px black, -1px 0 black, 1px 0 black;
    border-radius: 8rem;
}
div#navbar ul li a.active:hover {
    background: linear-gradient(0,gray,black);

}

h1, h2, h3, h4, h5, h6 {
    color: black;
    padding: 0;
    margin: 0;
}

h2 {
    font-style: italic;
}

h3 {
    text-decoration: underline;
}

.contents {
    margin: 8px;
    padding: 8px;
    border: solid 1px black;
}

.post {
    margin: 8px;
    padding: 8px;
    border: solid 1px black;
}

hr {
    margin: 0;
    padding: 0;
    height: 2px;
    border-width: 0;
    color: black;
    background-color: black;
}

.box ul hr {
    margin: 0.5rem 0;
}