h1 {
    padding-top: 90px;
    padding-bottom: 10px;
    color: var(--color-text);
    font-size: 60px;
}

.notif {
    background-color: var(--color-muted);
    border-radius: 2em;
    color: var(--color-text);
    padding: 0px 10px;
    margin-left: 10px;
    font-size: 20px;
}

#menuPC span:hover {
    border: none;
    padding-bottom: 0;
}

#menuPC :hover {
    color: var(--color-text);
    border-bottom: var(--color-primary) solid;
    padding-bottom: 7px;
}

#barre-header {
    display: flex;
    justify-content: right;
    width: 100%;
    position: fixed;
    z-index: 9999;
    background-color: var(--color-background);
}

#liens {
    padding: 0;
    margin: 0;
    display: flex;
}

.lien {
    margin: 15px; /* 20px → 15px */
    padding: 0;
    filter: opacity(75%);
}

.lien:hover {
    filter: opacity(100%);
}

#liens img {
    height: 45px;
    width: auto;
}

#fb {
    margin-left: -15px;
}

@media screen and (max-width:800px) {

    h1 {
        font-size: 45px;
    }

    #liens img {
        height: 35px;
        width: auto;
    }

    .lien {
        margin: 20px 15px;
    }

    #p-PC {
        display: none;
    }
}