body {
    font-family: 'Roboto', serif;
    font-size: 1em;
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.sr-only:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}

.container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
header h1 {
    text-align: center;
}

footer {
    text-align: center;
}

.post-content {
    margin-top: 32px;
}

blockquote{
    font-size: 1.4em;
    width:60%;
    margin:50px auto;
    font-style:italic;
    color: #555555;
    padding:1.2em 30px 1.2em 75px;
    border-left:8px solid #000 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
}

blockquote::before{
    font-family:Arial;
    content: "\201C";
    color:#000;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
}

blockquote::after{
    content: '';
}

blockquote span {
    display:block;
    color:#333333;
    font-style: normal;
    font-weight: bold;
    margin-top:1em;
}