:root {
    --title-font:"Homemade Apple", cursive;
    --headings:#333;

    --body-font:"Montserrat", sans-serif;
    --text-size:16px;
    --text-align:justify; /* left, center, or justify */
 
    --background-color:#f3ede8;
    --text-color:#333; /* text color */
    --accent:#c5ad98;
    --links:#a2a2a2;
    --borders:#f3ede8;
    --drop-cap:#444444;
    --drop-cap-background:#f3ede8;
 
    --featured-image:url('https://images.unsplash.com/photo-1575126516997-9a17eff5e434?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MjZ8ODQ2ODc5M3x8ZW58MHx8fHw%3D&auto=format&fit=crop&w=800&q=60');
}
 
body {
    font-family:var(--body-font);
    font-size:var(--text-size);
    color:var(--text-color);
    background-color:var(--background-color);
    line-height: 170%;
    text-align:var(--text-align);
    word-wrap: break-word;
font-weight: 300;
    margin: 0;
    padding: 0;
}


.grid-container {
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-gap: 20px;
    width:950px;
    margin:50px auto;
}
.content {
    padding:15px;
    background-color:#fff;
    border-radius:5px;
	box-shadow: 0 0.2rem .6rem rgba(0,0,0,0.1);
    border:1px solid #f2f2f2;
}

.column {
  float: right;
  padding: 10px;
}

.left {
  width: 250px;
}

.right {
  width: 600px;
}
#main:after {
  content: "";
  display: table;
  clear: both;
}

#main {
    width:95px;
    background-color:#fefefe;
}
.column {
    padding:20px;
    background-color:#fff;
    border-radius:8px;
    box-shadow:2px 2px 7px #e2e2e2;
    border:1px solid #f2f2f2;
}


h1, h2, h3, h4, h5, h6 { 
font-weight: 300;
	padding: 0;
	margin: 0;
}

/* headlines with lines */


.scrollbox {
border: none;
padding: 5px;
width: 200px;
height: 200px;
overflow: scroll;
}



/* -------------------- SIDEBAR CONTENT */

.sidebar {
    font-size:14px;
}
.polaroid {
	background: #fff;
	padding: 15px;
	box-shadow: 0 0.2rem .6rem rgba(0,0,0,0.1);
	border-radius:2px;
}
.polaroid > img {
	max-width: 100%;
	height: auto;
	border-radius:2px;
}
.caption {
	font-size: 12px;
	text-align: center;
	line-height: 12px;
}

h1 {
	font-family:var(--title-font);
	color:var(--headings);
	font-size:16px;
	margin:10px 0 0;
	text-transform: lowercase;
    text-align:center;
}
.desc {
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	margin:-10px 0 0;
}

.decorated {
     overflow: hidden;
     text-align: center;
 }
.decorated > span {
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid var(--text-color);
    width: 100vw;
    margin: 0 10px;
}
.decorated > span:before { right: 100%; }
.decorated > span:after { left: 100%; }

.sidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* -------------------- POST CONTENT */

h2 {
	font-family:var(--title-font);
	color:var(--headings);
	font-size:28px;
	text-transform: lowercase;
	margin:10px 0 0;
}
section {
    padding:40px;
    border-left:1px solid var(--borders);
    border-right:1px solid var(--borders);
    border-bottom:1px solid var(--borders);
}
section p:first-child { margin-top:0; padding-top: 0; }
section p:last-child { margin-bottom:0; padding-bottom: 0; }
heading {
    display:block;
    border: 1px solid var(--borders);
    padding:40px;
}
.dated {
     overflow: hidden;
     text-align: center;
    margin: -15px 0 0;
 }
.dated > span {
    position: relative;
    display: inline-block;
	font-size: 13px;
}
.dated > span:before, .dated > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid var(--borders);
    width: 100vw;
    margin: 0 10px;
}
.dated > span:before { right: 100%; }
.dated > span:after { left: 100%; }