blockquote {
    background: #222;
    border-left: 10px solid #5f5a60;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D";
}
blockquote:before {
    color: #5f5a60;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}
body{
    background-color: black;
    margin:40px auto;
    max-width:650px;
    line-height:1.6;
    font-size:18px;
    color:#a7a7a7;
    padding:0 10px
}
aside{
    font-style: italic;
}
#navbar{
    text-align: center;
}
h1{
    text-align: center;
}
h1,h2,h3,h4{
    line-height:1.2;
    font-family:sans-serif;
}
video,img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
a:visited, a:link{
        color: cyan;
}
a:hover{
        color:#f535aa;
}
@media (prefers-color-scheme: light) {
    blockquote {
        background: #f9f9f9;
        border-left: 10px solid #ccc;
    }
    blockquote:before {
        color: #ccc;
    }
    a:visited{
        color:#222;
    }
    a:link{
        color:#222;
    }
    a:hover{
        color:#44a;
    }
    body{
        background-color: white;
        color:#222;
    }
}
.caption {
	display: none;
}