Edit in JSFiddle


              
            
          
            
              
                
<div id="crescent-moon"></div>
body {
    margin: 30px;
    background: #efefef;
}
#crescent-moon {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    -ms-box-shadow: 17px 17px 0 0 #CD0001;
    -o-box-shadow: 17px 17px 0 0 #CD0001;
    -webkit-box-shadow: 17px 17px 0 0 #CD0001;
    box-shadow: 17px 17px 0 0 #CD0001;
    -ms-transform: rotate(100deg);
    /* IE 9 */
    -webkit-transform: rotate(100deg);
    /* Chrome, Safari */
    -o-transform: rotate(100deg);
    transform: rotate(100deg);
    margin: 30px 0 0 120px;
}