NEED HELP WITH CSS

i was wondering why the "body" selector doesn't override the "*" selector even when i added "!important", i thought "body" has higher specificity??

Im new to CSS so i'd appreciate detailed explanations. Please let me know what im doing wrong