Finished.

static/announcements.html

@@ -60,13 +60,16 @@
 		padding: 10px;
 		max-width: 100%;
 	}
-
+	#contact select {
+		width: 105%;
+		max-width: 105%;
+	}
 
 
 
 	#contact button[type="submit"] {
 		cursor: pointer;
-  		width: 100%;
+  		width: 105%;
 		border: none;
 		background: #00d4aa;
 		color: #252525;
@@ -87,6 +90,29 @@
 		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
 }
 
+	#contact button[type="delete"] {
+		cursor: pointer;
+  		width: 105%;
+		border: none;
+		background: #d10006;
+		color: #FFF;
+		margin: 0 0 5px;
+		padding: 10px;
+ 		font-size: 15px;
+		border-radius: 5px;
+}
+
+	#contact button[type="delete"]:hover {
+	  	background: #990005;
+		-webkit-transition: background 0.3s ease-in-out;
+		-moz-transition: background 0.3s ease-in-out;
+		transition: background-color 0.3s ease-in-out;
+}
+
+	#contact button[type="delete"]:active {
+		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
         a {
             color: #00d4aa;
         }
@@ -136,7 +162,7 @@
         <br />
 	<button type="submit" />Submit</button>
     </form>
-    <h1>Delete Announcement</h1>
+    <h1 style="margin-top: 20px;">Delete Announcement</h1>
     <form
 	id="contact"
         action="/api/announcements/delete"
@@ -152,7 +178,7 @@
             />
             <br />
         </div>
-	<button type="submit"/>Submit</button>
+	<button type="delete"/>Delete</button>
     </form>
 </div>
 </body>