Initial commit

resources/css/layout/news.css

@@ -0,0 +1,48 @@
+.news-header {
+    width: 100%;
+    height: 250px;
+    background-color: #333;
+    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(30,30,30,1));
+    display: flex;
+    align-items: flex-end;
+    padding: 30px;
+    border: 1px solid var(--border);
+    border-bottom: none;
+    position: relative;
+
+    .news-header-content {
+
+        position: relative;
+        z-index: 2;
+
+        .news-title {
+            font-size: 2.5rem;
+            font-weight: 300;
+            color: var(--text);
+            margin-bottom: 10px;
+        }
+
+        .news-meta {
+            color: var(--text2);
+            display: flex;
+            gap: 15px;
+            font-size: 0.9rem;
+        }
+
+    }
+
+}
+
+.news-content {
+
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 40px;
+    line-height: 1.7;
+    color: var(--text);
+    font-size: 1.05rem;
+
+    p {
+        margin-bottom: 20px;
+    }
+}