My page is not loading css correctly

I am learning django framework for building websites. I am trying to style my page with css. I have gone through the tutorial for managing static files in django. I have done every step mentioned. I am trying to display a jumbtron with a purple background and white text. The code is below. Only the text changes to white but background remains the same. I have had this problem for days. I have searched on the internet but didn't find any answer

{% block styles %}
  <style>
      .jumbotron{
         background: purple;
         color: white;
      }

  </style>
{% endblock %}
{% block content %}
<div class="jumbotron">
  <h1>Dummy content for testing</h1> 
</div>
{% endblock %}

I have had this problem with django-allauth forms too. It doesn't apply bootstrap when I use crispy

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To post to this group, send email to django-users@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/33c80074-6d8f-4c56-ba96-ae3de917dae3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.