The custom CSS file I imported after the bootstrap CDN is not successfully overriding it. [Inspecting element screenshot can be viewed here.][1]
Importing bootstrap and custom css
<!-- Bootstrap -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous"
/>
<!--Custom CSS-->
<link rel="stylesheet" type="text/css" href="{% static '/css/base.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static '/css/cart.css' %}" />
My custom style for overiding bootstrap
* {
font-family: 'Poppins';
box-sizing: border-box;
margin: 0;
padding: 0;
}