.post { margin: 0 auto; padding: 3.5em 2em 2em 2em; max-width: 960px; }  .snapic-post-content, .snapic-post-video, .meta, .snapic-post-meta { margin: 1em auto; padding: 0 2em; max-width: 960px; }  .snapic-post-content { font-size: var(--font-size-xl); color: var(--color-post-text); line-height: 1.4; }  .snapic-post-content p { margin: 1em 0; }  .snapic-post-content a { color: var(--color-post-text-a); }  .snapic-post-content a:hover { color: var(--color-post-text); border-bottom: 0.1em dashed var(--color-post-text-a-decoration); }  .snapic-post-image { margin: 1em auto; }  .snapic-post-video { padding-top: 540px; position: relative; width: auto; height: 0; background-color: var(--color-video-background); }  .snapic-post-meta { display: flex; flex-direction: column; font-size: var(--font-size-l); color: var(--color-post-meta-text); }  .snapic-post-meta a { color: var(--color-post-meta-text-a); }  .snapic-post-meta a:hover { color: var(--color-post-meta-text-a-hover); }  .snapic-post-meta span { margin: 0.25em 0; }  .snapic-post-content hr { margin: 1em 0; height: 0; border: none; border-top: 0.01em solid var(--color-markdowon-hr-top); border-bottom: 0.01em solid var(--color-markdowon-hr-bottom); background-color: transparent; clear: both; }  blockquote { margin: 1em 0; padding-left: 1em; border-left: 0.5em solid var(--color-markdowon-blockquote-border); font-size: 0.9em; color: var(--color-markdowon-blockquote-text); }  pre, p code { background-color: var(--color-markdowon-code-background); font-size: 0.9em; color: var(--color-markdowon-code); }  p code { margin: 0 0.5em; padding: 0.25em 1em; border-radius: 1em; }  pre { font-family: monospace, monospace; font-size: 0.9em; padding: 1em 2em; max-height: 30em; border-radius: 1em; overflow: auto; }  pre code { padding: 0.5em; color: var(--color-markdowon-pre); }  code, kbd, samp { font-family: monospace, monospace; font-size: 0.9em; }  @media screen and (max-width: 640px) {  .snapic-post-content { padding: 0 1em; }  .snapic-post-video { padding-top: 360px; }  }  @media screen and (max-width: 480px) {  :root { --font-size-s:		0.8em; --font-size-m:		1.0em; --font-size-l:		1.2em; --font-size-xl:		1.4em; --font-size-xxl:	1.6em; }  .snapic-post-video { padding-top: 270px; }  .snapic-post-content hr { border-top: 0.05em solid var(--color-markdowon-hr-top); border-bottom: 0.05em solid var(--color-markdowon-hr-bottom); }  }  @media screen and (max-width: 320px) {  .post { padding: 3.5em 0.5em 0.5em 0.5em; }  .snapic-post-content, .snapic-post-video, .meta, .snapic-post-meta { padding: 0 0.5em; }  .snapic-post-video { padding-top: 180px; }  }