styles updated & ascii star

static/assets/styles.css

@@ -104,6 +104,7 @@ body {
 	overflow-x: hidden;
 	height: calc(100vh - 100px);
 	margin-left: 40px;
+	width: 100%;
 	/* margin-top: 100px; */
 	/* margin-top: 100px; */
 	/* margin-bottom: 100px; */
@@ -454,6 +455,8 @@ body {
 	padding: 20px;
 	border-radius: 30px;
 	cursor: pointer;
+	background-color: black;
+	color: white;
 }
 
 .link-blank {
@@ -634,6 +637,10 @@ body {
 		font-size: 17.5px;
 	}
 
+	.opp-text {
+		font-size: 15px;
+	}
+
 	@media screen and (max-width: 640px){
 		.content-cont {
 			padding-right: 10px;

templates/base.html

@@ -20,7 +20,7 @@
 					{% else %}
 						{{ element.title }}
 					{% endif %}
-				</a><div class='spinning-star'>🞱</div></div>
+				</a><div class='spinning-star'>	&#10022;</div></div>
 				{% endfor %}
 			</div>