:root {
    --black: #131313;
    --white: #ffffff;
    --grey: #5d4fff;
    --distancelien:1.2em;
}
body{
    font-family: BasicallySerif;
}
p{
    line-height: 1.2;
}
h1{
    font-size: 2.3em;
}
h2{
    font-family: "BasicallySans";
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1em;
}
h3{
    border:.06em solid var(--black);
    font-family: "BaskemoSans";
    border-radius: .2em;
    letter-spacing: .1em;
    padding:.15em .3em .15em .4em;
    background-color: var(--black);
    color: var(--white);
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

h3+h3{
    display: table;
    margin-top:-1.2em;
    margin-left: 1em;
    z-index: 0;
}

h3+h3+h3{ margin-left: 2em; z-index: -1;}
h3+h3+h3+h3{ margin-left: 3em; z-index: -2;}


h4{
    border:.06em solid var(--black);
    font-family: "BaskemoSans";
    border-radius: .2em;
    letter-spacing: .1em;
    padding:.15em .3em .15em .4em;
    background-color: var(--white);
    color: var(--black);
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    position: relative;
    z-index: 1;
}

h4+h4{
    display: table;
    margin-top:-1.5em;
    margin-left: 1em;
    z-index: 0;
}
h4+h4+h4{ margin-left: 2em; z-index: -1;}
h4+h4+h4+h4{ margin-left: 3em; z-index: -2;}

h5{
    font-family: "BasicallySans";
    font-weight: normal;
}
del{
    font-size: 4.3em;
    font-weight: bold;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: var(--grey);
    transition: .2s color;
}

a:hover {
    color:var(--black);
}

pre {
    background: #F0F0F0;
    margin: 1rem 0;
    border-radius: 2px;
}

code, pre{
    font-family: "BaskemoSans";
}

blockquote {
    border-left: 1px solid var(--black);
    margin: 0;
    padding: 0 2rem;
    font-family: "BaskemoSans";
    font-size: .9em;
}

ul{
    list-style: none;
}
ul li::before {
  content: "\2014";
  position: absolute;
  margin-left: -1.5em;
}

img{
    width: 100%;
}
.legende-img{
    font-family: BaskemoSans;
    font-size: .8em;
}
.chapter{
    break-after: always;
}