WIP

static/main.css

@@ -326,6 +326,11 @@ iframe {
     border-radius: 50%;
 }
 
+.small {
+    width: 24px;
+    height: 24px; 
+}
+
 .profile-pic-container img {
     width: 100%;
     height: 100%;
@@ -355,4 +360,34 @@ iframe {
 
 .compose-button:hover {
     background-color: rgb(87, 87, 255);
+}
+
+.status-bar {
+    align-content: center;
+}
+
+.spinner {
+    display: inline-block; 
+    animation-name: spin;
+    animation-duration: 2000ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    /* font-size: 64px; */
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .spinner {
+        animation: none;
+        transform: none; 
+    }
 }