svg{
    border: 1px solid rgb(231, 230, 230);
}
svg > path{
    fill: #663700;
    stroke: #663700;
    stroke-width: 1;
    stroke-linejoin: round;
}
.logo-circle{
    stroke:#663700;
    stroke-miterlimit:10;
    transition: 0.5s;
}
#circle1{transform-origin: 337px 75px;}
#circle2{transform-origin: 183px 75px;}
#circle3{transform-origin: 75px 183px;}
#circle4{transform-origin: 75px 337px;}
#circle5{transform-origin: 183px 445px;}
#circle6{transform-origin: 337px 445px;}
#circle7{transform-origin: 445px 337px;}
#circle8{transform-origin: 445px 183px;}

.circleDiagonale{
    visibility: hidden;
    transition: visibility 0.1s, opacity 0.5s;
}