@font-face {
    font-family: "Fira Code";
    src: url("./FiraCode/FiraCodeNerdFont-Regular.ttf");
}

@font-face {
    font-family: "Mono";
    src: url("./Iosevka/IosevkaTerm-Regular.ttf");
}

html,
body {
    background-color: #1d2021;
    color: #ae9984;
    font-family: "Fira Code";
    margin: 0%;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    background: linear-gradient(to top, #000000, #000000, #444444, #444444);
    background-size: cover;
    background-size: 100% 2px;
    filter: blur(0.4px);
    padding: 1%;
}

h1 {
    margin-top: 0px;
}

main {
    height: 80%;
    display: flex;
    flex-direction: column;
}

pre {
    border: 1px solid #d65d0e;
    border-left: 3px solid #d65d0e;
    min-width: 90%;
    display: block;
    page-break-inside: avoid;
    word-wrap: break-word;
    overflow-x: auto;
}

.block {
    /*width: calc(100% - 1em);*/
    min-width: 100%;
    z-index: 0;
    min-height: 100%;
    padding-left: 1em;
}

.article-name {
}

.article-tags {
    color: #458588;
}

.article-date {
    color: #fb4934;
}

p1 {
    margin-bottom: 0em;
}

.navbar {
    display: flex;
    justify-content: center;
    height: 4em;
    padding: 0;
    width: 100%;
    gap: 10px;
}

.nb-item {
    min-width: 20%;
    list-style: none;
    text-align: center;
    min-height: 100%;

    display: flex;
}

.nb-item a {
    color: #ae9984;
    font-family: "Fira Code";
    text-align: center;
    /*line-height: 100%;*/
    /*max-width: 100%;*/
    min-width: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

.archiveList a {
    color: #ae9984;
    font-size: 1.5em;
}

ul,
ol {
    margin: 0px;
}
code {
    background-color: #574833;
    font-family: "Mono";
    display: inline-block;
    padding: 1.5em, 1.5em;
    line-height: 1.5em;
}