:root {
	--block-colour:#182230;
	--bg-colour:#14151f;
	--tert-colour:#1a1b26;

	--text-main:#ccc;
	--text-bold:#ededed;
	--text-fade:#999;

	--accent-main:#81606b;
	--accent-blue:#546a81;
	--accent-green:#73857b;
	--accent-orange:#d8a070;

	--shadow:rgba(8, 11, 16, 0.6);

	--font-main:"IBM Plex Sans", "Murecho";
	--font-header:"Kaisei HarunoUmi";
}

html {
    background:var(--bg-colour);
    color:var(--text-main);
    font-family:var(--font-main);
}

h1, h2, h3, h4, h5, h6 {
    font-family:var(--font-header);
}

header > h1 {
    margin-top:0;
}

main {
    background-color: var(--main-bg-color);
    background-color:var(--block-colour);
    color: var(--main-fg-color);
    max-width:1000px;
    box-shadow:0px 0px 10px 2px var(--shadow);
    margin-top:80px;
    padding:40px;
}

main a {
    color:var(--accent-blue);
    transition:100ms;
}

main b, main strong {
    color:var(--accent-orange);
}

main i, main em {
    color:var(--accent-green);
}

main a:hover {
    color:var(--text-main);
    font-weight:600;
}

main > *:last-child {
    margin-bottom:0;
}

ul {
    list-style-type: square;
}

ul li::marker,
ul li::marker {
    color: var(--accent-orange);
}

nav {
    background-color:var(--block-colour);
    position:fixed;
    top:0;
    width:100vw;
    max-width:none;
    box-shadow:0px 0px 10px 2px var(--shadow);
}

nav > img {
    width:32px;
    position:absolute;
    margin-top:-6px;
    margin-left:4px;
}

@media (max-width: 700px) {
    nav > img {
        display:none;
    }
}

nav > ol {
    justify-content: center; 
}

nav > ol > li > a {
    color:var(--accent-main);
    text-decoration:none;
    transition:100ms;
    font-weight:500;
}

nav > ol > li > a:hover {
    color:var(--text-main);
    font-weight:700;
}

footer {
    background-color:var(--block-colour);
    margin-top:24px;
    box-shadow:0px 0px 10px 2px var(--shadow);
    text-align:center;
    width:300px;
}

footer a {
    color:var(--accent-blue);
    transition:100ms;
}

footer a:hover {
    color:var(--text-main);
    font-weight:600;
}

footer p:last-child {
    margin-top:12px;
}

.backtotop {
    color:var(--accent-main);
    text-decoration:none;
    font-weight:500;
    transition:100ms;
}

.backtotop:hover {
    color:var(--text-main);
    font-weight:700;
}

.lastupdate::after {
    content:"";
}

.button-wall {
    text-align:center;
}

.button-wall > a > img {
    display:inline-block;
    margin:0;
}