@font-face {
    font-family: "98";
    src: url("https://contraband4all.neocities.org/fonts/pc-9800.ttf");
}

@font-face {
    font-family: "Dico";
    src: url("https://contraband4all.neocities.org/fonts/Dico.ttf");
}

:root {

/* MAIN TEXT */
--font-body: "Arial", sans-serif;
--font-labels: "98", serif;
--font-title: "Dico", serif;

/* COLORS */
--text-main: #F2EEE6;
--text-muted: #947b7b;
--text-red: #ba020e;

--border-dark: #1a1a1a;
--border-light: #222222;

--bg-dark: #050505;
--bg-light: #080808;

--gradient-top: #140213;
--gradient-bottom: #2e062b;

}


/* ===================================
   RESET
=================================== */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

body {

    background-color: #0D0811;
    background-size: cover;
    background-position: center;

    color: var(--text-main);

    font-family: var(--font-body);
    font-size: 14px;

    display: flex;
    justify-content: center;

    padding: 0;
}

/* ===================================
   LINKS
=================================== */

a {
    color: var(--text-main);
    text-decoration: none;
}

a:hover {
    color: var(--text-red);
}

/* ===================================
   MAIN LAYOUT
=================================== */

.site-container {

    width: 900px;

    background:#0D0811;

    border: 1px solid var(--border-dark);
}

.page-layout {

    display: flex;
}

.tiny-scroll{
  font-family: "98", serif;
color: #947b7b;
}

/* ===================================
   MAIN CONTENT
=================================== */
.nav-title {
    color: var(--text-main);
    font-family: var(--font-title);
    font-size: 12px;
}

.main-content {

    flex: 1;

    padding: 30px;
}

.post {

    margin-bottom: 5px;
}

.post-header {
    justify-content: right;

    border-bottom: 1px solid var(--border-dark);

    margin-bottom: 1px;

    padding-bottom: 1px;
}

.post-title {

    color: var(--text-red);
    font-family: "Dico", serif;
    font-size: 27px;
  justify-content: auto;
}

.post-date {

    color: var(--text-muted);

    font-family: "Arial", serif;

    font-size: 9px;
}

.post-content p {

    margin-bottom: 10px;
}

.post-footer {

    margin-top: 10px;

    text-align: right;

    font-size: 10px;

    color: var(--text-muted);
    font-family: "Arial", serif;
}

.main-nav {
font-family: "Dico", serif;
   font-size: 14px;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
}
/* ===================================
   QUOTES
=================================== */

.quote-box {

    margin: 70px;

    border: 1px solid #fae8e8;

    background: #ba020e;

    font-style: italic;
}

.note {
  font-family: "98", serif;
color: #947b7b;
}

.opinion {
  font-family: "98", serif;
color: var(--text-red);
}