added css styling to announcement pages

widget_princessgabi/announcementboard/static/announcementboard/announcements.css

+body {
+    height: 100vh;
+    background-color: #E9E3FE;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.announcement-content {
+    margin-top: auto;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: white
+}
\ No newline at end of file

widget_princessgabi/announcementboard/templates/announcementboard/announcement-add.html

 {% extends 'base.html' %}
-
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %} Add Announcement {% endblock %}
+
 {% block header %} 
     <h1> Add a new announcement: </h1> 
 {% endblock %}
+
 {% block body %} 
-<form method='POST'>
-    {% csrf_token %}
-    {{ form }}
-    <input type="Submit" value="Add Announcement">
-</form>
+{% block content %}
+<div class="form">
+   <form method="POST" action="">
+        {% csrf_token %}
+        {{ form }}
+        <input type="Submit" value="Add Announcement">
+    </form> 
+</div>
+
+{% endblock %}
 {% endblock %}
\ No newline at end of file

widget_princessgabi/announcementboard/templates/announcementboard/announcement-details.html

 {% extends 'base.html' %}
-
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'announcementboard/announcements.css' %}">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
 {% block title %} {{ announcement.title }} {% endblock %}
+
 {% block header %}
 <h1> {{ announcement.title }} </h1>
 {% endblock %}
 
 {% block body %}
-<h4> by {{ announcement.author.first_name }} {{ announcement.author.last_name }}</h4>
-<h4>{{ announcement.pub_datetime|date:'m/d/Y, H:i A'}}</h4>
-<h4>{{ announcement.body }}</h4>
-<ul>
-    <li>Like: {{ tallies.like|default:0 }}</li>
-    <li>Love: {{ tallies.love|default:0 }}</li>
-    <li>Angry: {{ tallies.angry|default:0 }}</li>
-</ul>
-<a href="{% url 'announcementboard:announcement-edit' announcement.id %}"> Edit Announcement </a> 
+<div class="announcement-content">
+    {% block content %}
+    <div class="details">
+        <h4> by {{ announcement.author.first_name }} {{ announcement.author.last_name }}</h4>
+        <h4>{{ announcement.pub_datetime|date:'m/d/Y, H:i A'}}</h4>
+        <h4>{{ announcement.body }}</h4>
+        <h4>Like: {{ tallies.like|default:0 }}</h4>
+        <h4>Love: {{ tallies.love|default:0 }}</h4>
+        <h4>Angry: {{ tallies.angry|default:0 }}</h4>
+    </div>
+    {% endblock %}
+    <a href="{% url 'announcementboard:announcement-edit' announcement.id %}" class="edit-btn"><i class="fa fa-edit"></i> Edit Announcement </a> 
+</div>
 {% endblock %}
\ No newline at end of file

widget_princessgabi/announcementboard/templates/announcementboard/announcement-edit.html

 {% extends 'base.html' %}
-
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %} Edit Announcement {% endblock %}
+
 {% block header %} 
-    <h1> Edit announcement: </h1> 
+<h1> Edit announcement: </h1> 
 {% endblock %}
 
 {% block body %} 
-<form method='POST'>
+{% block content %} 
+<div class="form">
+   <form method="POST" action="">
     {% csrf_token %}
     {{ form }}
     <input type="Submit" value="Save Changes to Announcement">
-</form>
+</form> 
+</div>
+
 {% endblock %}
+{% endblock %}
\ No newline at end of file

widget_princessgabi/announcementboard/templates/announcementboard/announcements.html

 {% extends 'base.html' %}
 {% load static %}
 {% block stylesheets %}
-<link rel="stylesheet" href="{% static 'announcements.css' %}">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 {% endblock %}