You can see the live application here https://elixir-oxyrus.c9users.io/ I want to give it a bit of margin at the top, but when I do it well, it does margin up to the top of the document, and not in base to its parent div
Margins of an element and its first child can collapse into one, that seems to be the case here. See Mastering margin collapsing on MDN for a more thorough explanation.
The easiest fix would be to use padding instead of margin for the blockquote, I think.