Added proper subtitles

1 files changed, 25 insertions, 17 deletions

diff --git a/neuarriero.css b/neuarriero.css
index ffee6e7..43256ba 100644
--- a/neuarriero.css
+++ b/neuarriero.css
@@ -1,11 +1,13 @@
 :root {
     --main-bg-color: #4e0408;
     --main-fg-color: #73232d;
+    --main-ac-color: #963C3F;
     
 }
 
 body {
     font-family:Verdana, Geneva, Tahoma, sans-serif;
+    margin: 0;
 }
 header {
     display: flex;
@@ -14,28 +16,34 @@ header {
     padding: 0.5rem;
     color: #ffffff;
     align-items: stretch;
+    
+}
+
+a.link::after {
+    content: url("/icons/link_go.png");
 }
+
 header img {
     object-fit: cover;
     margin-right: 1rem;
-    height: 8rex;
+    height: 4rem;
     align-items: center;
 }
 nav {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	font-size: 80%;
+	font-size: 95%;
     background-color: whitesmoke;
 }
 nav a {
-	margin: 0 2rex;
+	margin: 0 0.5rem;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 }
 nav img {
-	margin-right: 0.5rex;
+	margin-right: 0.5rem;
 }
 header h1 {
     margin: 0;
@@ -47,23 +55,23 @@ header h1 a {
     text-decoration: none;
 }
 
-.contentheader {
+.subtitle {
     display: flex;
-    align-items: center;
-    background: var(--main-fg-color);
-    margin-top: 1rem;
-    max-height: 8rex;
+    background-color: var(--main-ac-color);
     color: white;
-    padding: 0.5rex 0.5rex 0 0.5rex;
-}
-.contentheader img {
-    max-height: inherit;
-    margin-right: 2.5rex;
+    flex-direction: row;
+    max-height: 2.5rem;
+    align-items: center;
+    gap: 1.5rem;
+    
 }
 
-.content {
-    display: flex;
-    margin-left: auto;
+.subtitle::before {
+    content: "";
+    flex: 0 0 2.5rem;
+    height: 2.5rem;
+    background: url("/media/muleteer.png") center / contain no-repeat;
+
 }
 
 hr {