--- id: 60b69a66b6ddb80858c5158a title: Step 20 challengeType: 0 dashedName: step-20 --- # --description-- Now you have a large box. Give it a `border-top-color`, `border-right-color`, and `border-left-color` of `transparent`. Set the `border-bottom-color` to `GhostWhite`. This will make it look more like a hat. # --hints-- Your `#white-hat` selector should have a `border-top-color` property set to `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderTopColor === 'transparent'); ``` Your `#white-hat` selector should have a `border-right-color` property set to `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderRightColor === 'transparent'); ``` Your `#white-hat` selector should have a `border-left-color` property set to `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderLeftColor === 'transparent'); ``` Your `#white-hat` selector should have a `border-bottom-color` property set to `GhostWhite`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderBottomColor === 'ghostwhite'); ``` # --seed-- ## --seed-contents-- ```html