Help with box-shadow please

HTML-CSS
1

Tell us what’s happening:

i cant set the box-shadow property

Your code so far

.center {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100px;
height: 100px;
background-color: transparent;
border-radius: 50%;
box-shadow: 25px, 10px, 0px, 0px, green;
}

```html .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; background-color: transparent; border-radius: 50%; box-shadow: 25px, 10px, 0px, 0px, green; } 


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36 Edg/84.0.522.52</code>.

**Challenge:** Create a Graphic Using CSS

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/create-a-graphic-using-css
2

should be blue instead of green, if I’m not mistaken Can you specify more what exactly you can not set?
Also the .center should come inside the <style>....</style>

3

Remove commas from box-shadow