I am confused about the box-shadow property

I'm supposed to:

Create a drop shadow for the .box div. Make it appear 10px to the right and 10px down, with a spread radius of 5px, a color of #222, and a blur radius of 15px.

When i write the code according to the lesson I just took, it states that the first value is the horizontal offset, the 2nd value is the vertical offset, the 3rd value is the blur radius, the 4th value was the spread radius, & that the 5th & final value was color.

Now, when I write the above challenge answer, i get

.box {
  box-shadow: 10px 10px 5px 15px #222;
}

but the checker says "Bummer! Make sure your box-shadow values exactly match the instructions."

So on the off chance i was wrong, I wrote the answer as:

.box {
   box-shadow: 10px 10px 5px #222 15px;
}

and I still get the same response from the checker.

What am I missing?