/*
© 2024-2025 Virgil Onillon
Ce travail est sous licence CC BY-NC-SA 4.0.
Voir : https://creativecommons.org/licenses/by-nc-sa/4.0/
*/

* {
    font-family: Helvetica;
    box-sizing: border-box;
}

a, p, h4, span {
    color: rgba(255, 255, 255, .87);
}

body {
    padding: 0;
    margin: 0;
    background-color: rgb(18, 18, 18);
}

.cercle {
    height: 1em;
    aspect-ratio: 1 / 1;
    margin-right: 0.5em;

    background-color: white;
    border-radius: 50%;
}

/* header */

header {
    background-color: rgb(30, 30, 30);
    color : rgba(255, 255, 255, .87);

    padding: 5px;
    height: 6vh;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

header div {
    display: flex;
    gap: 15px;
    align-items: center;
}

header a {
    border-bottom: 5px solid rgb(235, 153, 71);
    padding: 3px;
    padding-bottom: 0;
}

header a:hover {
    background-color: rgb(235, 153, 71);
}

header img {
    height: 100%;
    max-height: 5vh;
    border-radius: 50%;

    cursor: pointer;
}