@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap');

/* neutralise */

A:active {
    margin: unset;
    padding: unset;
}
BODY {
    font-family: unset;
    color: unset;
}

P {
    font-family: unset;
    color: unset;
    margin: unset;
    padding: unset;
}

A:visited {
    text-decoration: unset;
    margin: unset;
    padding: unset;
}

A:link {
    text-decoration: unset;
    margin: unset;
    padding: unset;
}

A:hover {
    text-decoration: unset;
    background-color: unset;
    margin: unset;
    padding: unset;
}

A:active {
    margin: unset;
    padding: unset;
}

.VERSION {
    font-size: unset;
    font-family: unset;
}

.NORM {
    color: unset;
}

.FIFO {
    color: unset;
}

.CHAR {
    color: unset;
}

.DIR {
    color: unset;
}

.BLOCK {
    color: unset;
}

.LINK {
    color: unset;
}

.SOCK {
    color: unset;
}

.EXEC {
    color: unset;
}

/* style */

body {
    color: rgb(201, 201, 201) !important;
    max-width: 1000px !important;
    padding: 0 24px;
    margin: 0 auto !important;
    font-family: "IBM Plex Mono" !important;
    background-color: rgb(35, 45, 62) !important;
    /* line-height: 1.25; */
}

h1 {
    color: rgb(255, 255, 255) !important;
    font-weight: 700 !important;
}

a {
    font-family: "IBM Plex Mono" !important;
    color: rgb(130, 203, 255) !important;
    padding: 0 5px !important;
    margin-left: -5px !important;
}

a:visited {
    text-decoration: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

a:hover {
    text-decoration: none !important;
    border-radius: 5px !important;
    background-color: rgb(130, 203, 255) !important;
    color: rgb(35, 45, 62) !important;
}

hr {
    margin-bottom: 40px;
}

/* link end in / */
a[href$="/"], a[href=".."] {
    font-weight: 700;
    color: rgb(255, 214, 52) !important;
}
a[href$="/"]:hover, a[href=".."]:hover {
    font-weight: 700;
    background-color: rgb(255, 214, 52) !important;
    color: rgb(35, 45, 62) !important;
}