From 7a4b3742a83ca4abefd2641135c4d1dc77153921 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Fri, 25 Jun 2021 17:37:03 +0200
Subject: [PATCH] =?UTF-8?q?Vytvo=C5=99en=C3=AD=20univerz=C3=A1ln=C3=AD=20t?=
 =?UTF-8?q?=C5=99=C3=ADdy=20pro=20fancy=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |  2 +-
 style.css  | 31 +++++++++++++++++--------------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 007c229..9cf4f97 100644
--- a/index.html
+++ b/index.html
@@ -133,7 +133,7 @@
 			</div>
 		</section>
 
-		<section class="articles">
+		<section class="articles fancyheader">
 			<div class="wrap">
 				<h2>Články</h2>
 				<div>
diff --git a/style.css b/style.css
index ab2ca0c..3674858 100644
--- a/style.css
+++ b/style.css
@@ -117,20 +117,6 @@ main .team figure label {
 	font-weight: bold;
 }
 
-main .articles .wrap {
-	display: grid;
-	grid-template-columns: 1fr 4fr;
-	grid-column-gap: 3em;
-
-	margin-bottom: 4em;
-}
-main .articles .wrap>h2,
-main .articles .wrap>div {
-	margin: 0;
-	padding-top: 2rem;
-}
-main .articles .wrap>h2 { border-top: 3px solid var(--color-blue) }
-main .articles .wrap>div { border-top: 3px solid #d6e2ff }
 main .articles .list {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -195,6 +181,23 @@ footer img:hover { transform: scale(1.1) }
 	transform: translate(0);
 }
 
+
+.fancyheader .wrap {
+	display: grid;
+	grid-template-columns: 1fr 4fr;
+	grid-column-gap: 3em;
+
+	margin-bottom: 4em;
+}
+.fancyheader .wrap>h2,
+.fancyheader .wrap>div {
+	margin: 0;
+	padding-top: 2rem;
+	border-top: 3px solid var(--color-blue);
+}
+.fancyheader .wrap>div { border-color: #d6e2ff }
+
+
 @media only screen and (max-width: 1000px) {
 
 	header { font-size: 1em }