body {
     background: linear-gradient(180deg, rgba(125,156,190,1) 0%, rgba(162,143,185,1) 100%);
     margin: 0;
     padding: 0;
     font-family: "Crimson Text", serif;
     font-size:14pt;
     min-height:100vh;
}
 #container {
     width: 900px;
     background: #f7f8fb;
     background-image: url('breeze_l.png'), linear-gradient(#dee6ee,#7d9cbe);
     background-repeat:no-repeat;
     background-position: bottom;
     margin: 25px auto;
     background-size: 100%;
     border-radius: 15px;
     opacity: 0.78;
     padding-bottom:440px;
}
 nav {
     text-align:center;
     font-size:16pt;
}
 a {
     color: #627dac;
     text-decoration: none;
     border-bottom: 1px dotted #627dac;
}
 a:hover {
     color: #a191bb;
}
 #header {
     color: #fff;
     font-family: "Mansalva", cursive;
     font-size: 100px;
     text-align: center;
     text-shadow: 2px 2px 1px #a191bb, 2px -1px 1px #a191bb, -1px 1px 1px #a191bb, -1px -1px 1px #a191bb;
}
 #content {
     padding: 20px;
}
 #posts blockquote {
     min-height:150px;
}
 footer {
     font-size:12pt;
     text-align: center;
}
 footer a {
     color: #fff;
     border-bottom: 1px dotted #fff;
}
 blockquote {
     padding: 10px;
     border-left: 5px solid #a191bb;
     background: #fff;
     margin-bottom:30px;
}
 h1 {
     color: #a191bb;
     font-style:italic;
     margin: 0;
     padding: 0;
}
 h3 {
     color: #fff;
     margin: 4px 0;
     padding: 4px 0;
     text-shadow: 1px 1px 1px #a191bb, 1px -1px 1px #a191bb, -1px 1px 1px #a191bb, -1px -1px 1px #a191bb;
}
 li {
     list-style-type:none;
     margin-bottom:18px;
}
 blockquote p {
     padding: 5px 0;
     margin: 5px 0;
}
 ::marker {
    content: "";
}
 .tags {
     margin-top: 5px;
}
 .tags button {
     background-color: #fff;
     border: 1px dotted #627dac;
     padding: 5px;
     font-family: "Crimson Text", serif;
     font-size: 14pt;
     border-radius: 5px;
}
 .tags button:hover {
     border: 1px solid #fff;
}
 .thumb {
     max-height: 170px;
     width: auto;
     float: right;
     border-radius: 6px;
     margin: 0 0 5px 5px;
}
 .age {
     color: #ff0000;
     font-weight: bold;
}
 @media screen and (max-width: 999px) and (min-width: 1px) {
    #container {
         min-height: 100vh;
         width:100%;
         padding: 20px 0;
         margin: 0 auto;
         border-radius: 0;
    }
     #header {
        line-height:88%;
    }
     nav {
         margin-top:15px;
    }
     blockquote {
         width: 90%;
         margin: 0 auto 30px auto;
    }
}