Writefreely Tokyonight Moon 2

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,200;0,300;0,400;0,700;1,200;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

.video {
    width: 40rem;
    max-height: 600px;
}

nav#manage ul a {
    color: #c8d3f5;
}

nav#manage ul li:hover {
    background: #545c7e;
}

nav#manage ul ul {
    background: #545c7e;
    border: 1px solid #3b4261;
}

nav#manage ul a:hover, nav#manage ul a:active, nav#manage ul a:focus {
    color: #ffc777;
}

body {
    background-color: #222436;
    color: #c8d3f5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', sans-serif;
}

body, .font.norm, body#collection article.norm, body#post article.norm, body#subpage article.norm, input#title.norm, pre.norm, span.norm, textarea.norm, header h1 {
    font-family: 'Hanken Grotesk', sans-serif;
}

header p.description {
    color: #545c7e;
}

#official-writing h2, #official-writing h3, #official-writing h4, #wrapper h2, #wrapper h3, #wrapper h4, .post-title a:visited, .post-title a {
    color: #ff007c;
}

time, body#post article time.dt-published, body#subpage article time.dt-published {
    opacity: 0.62;
    color: #c8d3f5;
}

body h1 a, body header h2 a {
    color: #828bb8;
}

body h1 a:hover, body header h2 a:hover, body h1 a:active, body header h2 a:active, body h1 a:focus, body header h2 a:focus {
    color: #ffc777;
}

article a {
    color: #ffc777;
}

body#post header, body#subpage header {
    opacity: 1;
}

article.norm {
    font-size: 1.05em;
}

hr {
    background-color: #444a73;
}

body footer nav {
    color: #828bb8;
}

body footer nav a:link, body footer nav a:visited, body footer ul a:link, body footer ul a:visited, body footer a.home:link, body footer a.home:visited {
    color: #82aaff;
}

.post-title a.action {
    color: #c8d3f5 !important;
}

body#collection pre, body#post pre, body#subpage pre {
    background: #1e2030;
    border: 1px solid #2f334d;
    padding: .675em 1em;
    border-radius: 0.5em;
}

/* Uncomment the rule below and replace the font names to use a custom
monospaced font for your code sharing */
/*code, textarea#embed {
    font-family: 'custom monospace font', monospace;
}*/