added announcement index styles

announcements/templates/index.html

@@ -4,13 +4,13 @@
 {% block title %}Announcements{% endblock %}
 
 {% block styles %}
-<link rel="stylesheet" href="{% static 'css/styles.css' %}">
+<link rel="stylesheet" href="{% static 'announcements.css' %}">
 {% endblock %}
 
 {% block content %}
-<h1>Announcement Board</h1>
-<h2>Important Announcements:</h2>
-<ul>
+<h1 class="announcement-heading">Announcement Board</h1>
+<h2 class="announcement-subheading">Important Announcements:</h2>
+<ul class="announcement-list">
   {% for announcement in announcements %}
   <li>
     <a href="/announcements/{{ announcement.id }}/details">

static/announcements.css

+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
+
+* {
+  font-family: 'Open Sans', sans-serif;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px;
+}
+
+.announcement-heading {
+  text-align: center;
+}
+
+.announcement-subheading {
+  font-weight: 500;
+}
+
+.announcement-list {
+  margin-left: 24px;
+}
\ No newline at end of file