Nice to see you back and coding!
It's hard to make it look exactly the same because you aren't given the specific units, however you can make it look similar the box-shadow property works like this, first value is h offset (horizontal) and second value V offset (vertical) if you set the first two numbers to anything it will only move where the shadow will start either horizontally or vertically.
Third and Fourth values are blur and spread so if you set your third number higher your shadow will be more blurry and your fourth will spread your box shadow in this case just take more space and your last value is actually your color.
Using your own property: 5px 10px 80px hsl(224, 23%, 55%)
5px will shift it to the right 5px and then down 10px and your blur will be 80px and lastly your color, as you can see you didn't use spread. Another tip is to also play with your color transparency in your developer tools, set it to 42% and it will also make some difference.
You can also use your developer tools and set your box shadow to 0 0 0 10px black
to practice and then test your values that way you will know how it works in practice.
Didn't actually take a lot of detail to your code but there is something called helper classes, which basically is like using your classes to apply some repetitive styling or set of properties, a really basic example is if you want to set right and left padding to some elements instead of writing every time padding, then a helper class could help you by setting the padding and then just applying that class where you need it, but be mindful and don't go crazy applying helper classes everywhere I recommend you look it up.
Hope this helps ! Again