Why is my exact replica of the code not coming out like the module's example?

HTML-CSS
#1

What am I doing wrong?
I am trying to make a simple text card to play and experiment with it. I am copying it directly from this module Adjust the fullcard

Here is my code that just ain’t coming out the same.
https://code.sololearn.com/WFbhV8gPqbtC/#html

#2

Please explain what you are expecting the code to do that it is not doing.

#3

If you’re wondering why
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
goes past the border of the box, try adding some spaces or putting in some shorter filler words instead. Otherwise, it looks the same, aside from a thicker border and a different font.

#4