нужно сделать так, чтобы border-top не сужался при использовании border-radius, с таким кодом происходит сужение как на картинке. а нужна просто изогнутая линия.
#circle{
border-top: 5px solid black;
border-radius: 100px;
width: 150px;
height: 150px;
}