@font-face {
    font-family: mn;
    src: url("https://cdn.benjamin-barbe.fr/fonts/Space_Mono/SpaceMono-Regular.ttf");
}


body {
    background-color: rgb(37, 37, 37);
    color: rgb(242, 242, 242);
    font-family: mn;
    text-align: justify;
}

.page-container {
    margin: 0 auto;
    padding: 0 1em;
    display: block;
    max-width: 50em;
}

.container.h {
    display: flex;
    gap: 1em;
}

.thumbnail {
    max-width: 17em;
}

ul:not(.styled) {
    padding: 0;
}

ul:not(.styled) li {
    list-style: none;
}

ul:not(.styled) li * {
    display: inline-block;
}

ul:not(.styled) li,
ul:not(.styled) li * {
    vertical-align: middle;
    line-height: 2em;
    height: 2em;
}

ul:not(.styled) li a {
    padding-left: 1em;
}

a {
    text-decoration: underline;
    color: rgb(242, 242, 242);
}

a:hover {
    color: rgb(255, 217, 0);
}


.separator {
    width: 100%;
    border-bottom: 1px dashed rgb(242, 242, 242);
    margin-bottom: 2em;
    margin-top: 2em;
}

.footer .float-left {
    float: left;
}

.footer .float-right {
    float: right;
}

.container-link, .container-link:hover {
    all: unset;
}

.container-link:hover h1 {
    text-decoration: underline;
}

.container-link:hover * {
    cursor: pointer;
}