Sorting your friends no id no entry

Language Help CSS
1

I don’t know what I’ve done wrong

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>My Social Network</title>
    </head>
    <body>
    <div id="best_friend" class="friend">1</div>
    <div class="family">2</div>
    <div id="archnemesis" class="enemy">3</div
    </body>
    </body>
</html>

div {
    display: inline-block;
    margin-left: 5px;
    height: 100px;
    width: 100px;
    border: 2px solid black;
    border-radius: 100%;
}

.friend {
    border: 2px dashed #008000;
}

.family {
    border: 2px dashed #0000FF;
}

.enemy {
    border: 2px dashed #FF0000;
}
2

this line:

<div id="archnemesis" class="enemy">3</div <!-- missing > in div closing tag -->

you have two body closing tags, which is weird

For the rest, it is fine. What is the error message? Try a different browser