From 5c5c7099db439839a921307e1293ea415a18f5d8 Mon Sep 17 00:00:00 2001
From: LuisaVallbracht <luisa.vallbracht@fh-potsdam.de>
Date: Tue, 22 Oct 2024 16:28:56 +0200
Subject: [PATCH 1/3] Update 1_basics.html

---
 experiments/Luisa/1_basics.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/experiments/Luisa/1_basics.html b/experiments/Luisa/1_basics.html
index 8fac122..4338695 100644
--- a/experiments/Luisa/1_basics.html
+++ b/experiments/Luisa/1_basics.html
@@ -7,7 +7,12 @@
 
 <style>
 
-/* add your magic here */
+body{
+    font-family: comic  Verdana, Geneva, Tahoma, sans-serif;
+    font-weight:500 ;
+    font-stretch: extra-expanded;
+    background-color: pink;
+}
 
 </style>
 

From e4d4eb3aa8bf9d705f296c62354468a3c57e8788 Mon Sep 17 00:00:00 2001
From: LuisaVallbracht <luisa.vallbracht@fh-potsdam.de>
Date: Tue, 22 Oct 2024 16:42:38 +0200
Subject: [PATCH 2/3] Update 1_basics.html

---
 experiments/Luisa/1_basics.html | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/experiments/Luisa/1_basics.html b/experiments/Luisa/1_basics.html
index 4338695..eb761b8 100644
--- a/experiments/Luisa/1_basics.html
+++ b/experiments/Luisa/1_basics.html
@@ -7,13 +7,24 @@
 
 <style>
 
-body{
-    font-family: comic  Verdana, Geneva, Tahoma, sans-serif;
-    font-weight:500 ;
-    font-stretch: extra-expanded;
-    background-color: pink;
+body {
+    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    background-color:palevioletred
 }
 
+section {
+    opacity: 5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500px;
+    margin: auto;
+}
+
+section:hover {
+    opacity: 1;
+    background-color:beige;
+    transform: scale(1.1);
+}
 </style>
 
 </head>
@@ -21,7 +32,7 @@
 <main id="content" class="main-content  ">
     <article class="main-page-content" lang="en-US">
         <header>
-            <h1>The box model</h1>
+            <h1>The box model or how I like to call it "I dont know whats going on"</h1>
         </header>
         <div class="section-content">          
             <p>

From 59bf4230a1e74adf9b82a3fcee7e902e7a47d149 Mon Sep 17 00:00:00 2001
From: Lara798 <lara.linn8@gmail.com>
Date: Tue, 22 Oct 2024 16:43:51 +0200
Subject: [PATCH 3/3] Update 1_basics.html

---
 experiments/LaraR/1_basics.html | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/experiments/LaraR/1_basics.html b/experiments/LaraR/1_basics.html
index 6aecd4b..c43e40f 100644
--- a/experiments/LaraR/1_basics.html
+++ b/experiments/LaraR/1_basics.html
@@ -7,11 +7,36 @@
 
 <style>
 
-h1{ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    font-size: larger;
+body{ 
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-size: 15px;
+    background-color: antiquewhite;
+
+}
+
+
+h1{ 
+    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    font-size: 24px;
     color: brown;
 }
 
+section {
+    opacity: .5;
+    padding: 20px;
+    transition: all 1s ease;
+    width: 500px;
+    margin: auto;
+}
+
+section:hover{
+    opacity: 1;
+    background-color: antiquewhite;
+    transform: scale(1.1);
+
+}
+
+
 </style>
 
 </head>