html {
    overflow: none;
}

* {
    scrollbar-color: #0df589 rgba(0, 0, 0, 0); /* ascensseur bleu sur fond blanc */
    scrollbar-width: 10px;
    scrollbar-arrow-color: black;
}

*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background-color: rgb(0 0 255 / 0%);
}

*::-webkit-scrollbar-thumb {
    background-color: #0df589;
}

hr {
    border: 1px solid #333;
    color: #333;
    overflow: visible;
    text-align: center;
}

footer {
    height: auto;
    background-color: #333;
}

/*                                   */

.navbar-center {
    display: flex;
    align-items: center;
}

/*                                   */

.center {
    display: flex;
    justify-content: center;
    justify-self: center;
    justify-items: center;
    align-items: center;
}

.anchor {
    display: block;
    visibility: hidden;
    height: 100px;
    margin-top: -100px;
}

.text-is-orange {
    color: orange
}

.text-is-blue {
    color: #1a58d3;
}

.text-is-lightblue {
    color: #3cc9ff;
}

.text-is-variable {
    color: #029fdd;
}

.text-is-function {
    color: rgb(1, 8, 116)
}

.text-is-green {
    color: #35a335;
}

.text-is-red {
    color: #b12a2a;
}

.text-is-bright-red {
    color: #c40202;
}

/*                                   */

.content blockquote {
    color:white;
    background-color: rgb(46, 46, 46);
    border-left: 5px solid #585858;
    overflow: auto;
}

.main {
    display: grid;
    grid-template-columns: 0.8fr 4fr;
    height: 100%;
    overflow: hidden;
}

.main section {
    overflow: auto;
}

/*                                   */

#divNavigation div {
    width: 100%;
}

#divNavigation div .menu {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    border-left: 1px solid white;
    margin-top: 3%;
    scroll-behavior: smooth;
    overflow-y: scroll;
    height: 94vh;
    margin-top: 10vh;
}

.div-button-navigation {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    z-index: 0;
}

#label-for-button {
    display: none;
}

.button-navigation {
    height: 10%;
    width: 10%;
    background-color: #485fc7;
    margin-left: 100%;
    border-radius: 0 30% 30% 0%;
    border-right: 2px solid #637ef5;
}

.is-button-normal {
    background-color: #3a7e32;
    color: white
}

label #menu-navigation .div-navigation {
    overflow: auto;
}

.menu-list a {
    color: rgb(226, 226, 226);
}

.menu .menu-label {
    color: white
}

.menu-navigation-label {
    overflow: auto;
}

#label-for-button:checked + label > #menu-navigation {
    color: white;
    left: 0%;
}

.menu-option::-webkit-scrollbar {
    width: 12px;
}

.menu-option::-webkit-scrollbar-track {
    background-color: rgb(0 0 255 / 0%);
}

.menu-option::-webkit-scrollbar-thumb {
    background-color: #2b409c;
}

@media screen and (max-width: 1024px) {
    .main {
        grid-template-columns: 1fr;
        position: relative;
    }
    #menu-navigation {
        display: flex;
        position: absolute;
        z-index: 5;
        left: -18.2em;
        height: 100%;
        transition-duration: 0.5s;
    }
    .menu .div-navigation{
        background-color: black;
        border-right: 3px solid #485fc7;
        margin: 0!important;
        z-index: 1;
        overflow: auto;
    }
}