added styles to assignments pages

assignments/templates/assignments/assignment_detail.html

@@ -8,7 +8,7 @@
 {% endblock %}
 
 {% block content %}
-<h1>{{ assignment.course.course_code }} {{ assignment.course.course_title }} {{ assignment.course.section }}</h1>
+<h1 class="assignment-heading">{{ assignment.course.course_code }} {{ assignment.course.course_title }} {{ assignment.course.section }}</h1>
 <h2>{{ assignment.name }}</h2>
 <p>{{ assignment.description }}</p>
 
@@ -20,7 +20,7 @@
 <img src="{% static 'code.jpg' %}">
 {% endif %}
 
-<p>Perfect Score: <span>{{ assignment.max_points }}</span></p>
-<p>Passing Score: <span>{{ assignment.passing_score }}</span></p>
+<p class="score">Perfect Score: <span>{{ assignment.max_points }}</span></p>
+<p class="score">Passing Score: <span>{{ assignment.passing_score }}</span></p>
 
 {% endblock %}
\ No newline at end of file

static/assignments.css

+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
+
+* {
+    font-family: 'Montserrat', sans-serif;
+    background-color: #aeadeb;
+}
+
+.assignment-heading {
+    text-align: center;
+}
+
+.score {
+    font-weight: 700;
+    text-align: center;
+}
+
+img {
+    display: block;
+    margin: 0 auto;
+    max-width: 500px;
+}
\ No newline at end of file