From 8a75310bb9843c5363778083eabd2b7ff0ecf3f3 Mon Sep 17 00:00:00 2001
From: janrippl <janrippl@gmail.com>
Date: Thu, 13 Feb 2025 11:12:53 +0100
Subject: [PATCH] =?UTF-8?q?=C3=9Aprava=20souboru=20index.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 2 +-
 style.css  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index df0ebc0..c897f9c 100755
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     </div>
   </div>
 </div>
-<div id='effect' style='position:absolute; width:800px; height:300px'>
+<div id='effect' class="text" style='position:absolute; width:100%; height:300px'>
     I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.
 </div>
   
diff --git a/style.css b/style.css
index 2f2112a..086dd3f 100755
--- a/style.css
+++ b/style.css
@@ -78,6 +78,7 @@ body {
 
 .text {
   margin-block: 2em;
+  padding: 2rem;
 }
 
 /* -- paprsky -- */