My page is not loading css correctly

[Patrice Chaula]

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