x
<html>
<head>
<style>
.watch-container{
width:250px;
height:250px;
position:relative;
border:1px solid black;
}
.watch{
position:absolute;
width:80%;
height:80%;
border-radius:50%;
border:10px solid rgb(210,210,210);
border-radius:50%;
background-color:rgb(250,250,250);
left:6%;
top:6%;
}
.left-ear, .right-ear{
width:40%;
height:40%;
border-radius:45%;
border:none;
background-color:rgba(15,157,88,1);
position:absolute;
top:9%;
z-index:-1;
}
.left-ear{
left:3%;
transform:rotateZ(-45deg);
transform:rotateZ(-45deg); /*For safari*/
}
.right-ear{
right:3%;
transform:rotateZ(45deg);
transform:rotateZ(45deg);
}
</style>
</head>
<body>
<div class="watch-container">
<div class="watch">
</div>
<span class="left-ear">
</span>
<span class="right-ear">
</span>
</div>
</body>
</html>