body {
background: #9663f2;
font-family: "Abel", Bernhard Gothic, sans-serif;
font-size: 1em;
line-height: 1em;
}

@font-face {
font-display: swap;
font-family: 'Abel';
font-style: normal;
font-weight: 400;
src: url('fonts/abel-v18-latin-regular.woff2') format('woff2');
}

@font-face {
font-display: swap;
font-family: 'Amethysta';
font-style: normal;
font-weight: 400;
src: url('fonts/amethysta-v16-latin-regular.woff2') format('woff2');
}

@font-face {
font-display: swap;
font-family: 'Bernhard Gothic';
font-style: normal;
font-weight: 400;
src: url('fonts/BernhardGothicURW-Medium.woff2') format('woff2');
}

h1 {
line-height: 120%;
}

h3 {
text-align: left;
}

\#header-image {
height: 200px;
top: 0;
width: 100%;
background: linear-gradient(rgb(0,0,0,0), rgb(0,0,0,0)), url("images/headerimage.PNG") no-repeat; /
background-size: cover;
margin-bottom: 30px;
}

\#header {
border: 0;
}

\#description {
width: 60em;
}

.post, .post-scroller {
margin: 1.5em;
background: #c78be5;
border: 2.5px dashed #633aac;
border-radius: 15px;
}

.post-scroller {
height: 32em;
}

.post-inner {
margin:1em;
}

.post-scroller .post-inner {
max-height: 30em; /*to keep scrollbars from disrupting round corners*/
overflow-y: auto;
}

.readmore {
background: #9663f2;
border-radius: 12px;
padding: 10px;
color: white;
text-align: center;
}

.readmore-link a {
text-decoration:none;
}

.readmore:hover {
background: #9663f2;
}

\#footer {
font-size: 1em;
background: #ccc;
color: black;
}

\#footer li {
padding-left:0;
padding-top: 2px;
padding-bottom: 2px;
list-style-type: none;
}

.footer-columns {
border: 2.5px black solid;
margin: 0 auto;
width: 68%;
}

.footer-column {
text-align: left;
height:6em;
width: 100%;
padding: 10px;
padding-top:0;
}

.timestamp {
font-weight: normal;
font-size: smaller;
}

@media(max-width:80em) { /*allow narrower columns on small screens*/
#header, #description, .column-wrapper, .footer-columns {
width: 90%;
}

}

@media(orientation: portrait) { /*removes columns for mobile*/
#header {
width: 80%;
}
.column-wrapper, .footer-columns {
width: 80%;
columns: 1;
}
}