news fixed

sass/main.scss

@@ -2,6 +2,7 @@ main {
     display: flex;
     gap: 2rem;
     margin-top: 2rem;
+    margin-bottom: 2rem;
 
     section#news {
         width: 60vw;
@@ -65,9 +66,12 @@ main {
     footer {
         display: flex;
         justify-content: center;
-        a {
-            color: blue;
-            text-decoration: none;
+        flex-direction: column;
+        align-items: center;
+        margin: .5rem;
+        font-size: 0.7rem;
+        a, p {
+            color: var(--clr-murrey);
         }
     }
 }

sass/news.scss

@@ -0,0 +1,30 @@
+.news-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    color: var(--clr-murrey);
+
+    .news-card {
+        position: relative;
+        background-color: var(--clr-cards);
+        border-radius: 1rem;
+        padding: 1rem;
+        .pin-img {
+            width: 1rem;
+            position: absolute;
+            right: 1rem;
+            display: none;
+        } 
+    }
+    .pinned {
+        order: -1;
+    }
+    .pinned .pin-img {
+        display: block;
+    }
+    iframe.video {
+        border-radius: 15px;
+        aspect-ratio: 16/9;
+        width: min(560px, 100%);
+    }
+}