From 9013816568eed0742b498b33c26955952d7657c5 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Thu, 5 Nov 2020 11:51:31 +0100
Subject: [PATCH] =?UTF-8?q?Zm=C4=9Bna=20=C5=A1k=C3=A1lov=C3=A1n=C3=AD=20a?=
 =?UTF-8?q?=20velikosti=20textu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 16 ++++++++--------
 index.html    |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/css/style.css b/css/style.css
index f6ad388..bb453a4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,16 +9,14 @@ html, body {
 }
 
 body {
-	font-size: 1.4em;
+	font-size: 1em;
 	font-family: moderat-regular;
 	background: url(../img/header-pattern.svg) no-repeat left top;
 	background-size: 90% auto;
 }
 
-p { text-align: justify; }
-
 .wrap {
-	max-width: 1200px;
+	max-width: 62em;
 	margin: 0 auto;
 	padding: 0 1em;
 }
@@ -30,15 +28,17 @@ p { text-align: justify; }
 }
 .messenger img { max-width: 12em; }
 
-h1 { color: #d63647; margin-bottom: 0; clear: both; }
+h1 { color: #d63647; margin-bottom: 0; clear: both; font-size: 3em; }
 h2, h3 { color: #68c7d2; }
 
+p { line-height: 1.6; }
+
 header { width: auto; }
 header .logo { padding: 30px; float: right; text-align: center; box-sizing: border-box; }
 header .logo img { max-width: 150px; }
 header .row { height: 600px; margin: 0; padding-bottom: 150px; margin-bottom: -300px; }
 header .row img { max-height: 500px; }
-header .row p { text-align: justify; max-width: 35%; }
+header .row p { text-align: justify; max-width: 45%; font-size: 1.2em; margin: 2em 0; }
 
 main {
 	padding-top: 200px; margin-top: -200px;
@@ -48,14 +48,14 @@ main {
 }
 
 .row { height: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 5em 0; }
-.row>img { max-height: 130%; max-width: 40%; }
+.row>img { max-height: 30em; max-width: 40%; }
 
 article {
 	background-color: #eee;
 	border: 3px solid #ddd;
 	border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%;
 	position: relative;
-	max-width: 35%; padding: 2em;
+	max-width: 32%; padding: 1.7em;
 }
 article h2 { margin-top: -1.7em; font-size: 2em; }
 article:nth-child(1) h2 { margin-right: -1.5em; text-align: right; }
diff --git a/index.html b/index.html
index c0d0e9b..9d0684f 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@
 </div>
 
 <div class="row">
-	<article style="align-self:flex-end;">
+	<article>
 		<h2>Ve dvou se to lépe táhne</h2>
 		<p>A tak jsem se tady vzal já – malý robot s duší šibala, akorát tak do kapsy, který udělá všechno, aby Kubu postrčil, i když se mu to občas nebude líbit. Začali jsme spolu chodit do školy. Já byl v&nbsp;jeho kapsách, batohu, nebo schovaný v&nbsp;kapuci, a pomalu jsem se pouštěl do díla. Čas od času jsem mu po zemi rozhodil drobné. Když Kuba děkoval kolemjdoucím, kteří mu je podali, červenal se jako rak. I&nbsp;tohle pro něj byla výzva. Nebo tehdy, když jsem mu schoval všechny tužky – půlku hodiny si nepsal zápisky, než se odhodlal se zeptat souseda, jestli nemá propisku na půjčení.</p>
 	</article>
@@ -88,7 +88,7 @@
 		<h2>Už mě nepotřebuje</h2>
 		<p>Když se další den šli projít, měl jsem spoustu skvělých nápadů, co by jí měl říct, on mě ale jemně zastrčil do kapsy. Věděl si rady sám a já se sotva udržel, abych nezačal křičet radostí.</p>
 	</article>
-	<img src="img/kapsa.png" alt="oli">
+	<img style="margin:0 auto;" src="img/kapsa.png" alt="oli">
 </div>
 
 </main>