diff --git a/css.css b/css.css
index f0bd918..0f1641d 100644
--- a/css.css
+++ b/css.css
@@ -1,23 +1,13 @@
-.container{
+
+.section{
     position: relative;
-    width: 100%;
     height: 100vh;
-    overflow: auto;
-}
-.container .section{
-    position: relative;
-    width: 100%;
-    height: 100%;
 
 }
+
 h1{
     text-align: center;
-}
-.container .section:nth-child(1){
-    background-color: burlywood;
     
 }
 
-.container .section:nth-child(2){
-    background-color: black;
-}
+
diff --git a/e1.jpg b/e1.jpg
new file mode 100644
index 0000000..266a978
Binary files /dev/null and b/e1.jpg differ
diff --git a/e10.jpg b/e10.jpg
new file mode 100644
index 0000000..c3d6cc6
Binary files /dev/null and b/e10.jpg differ
diff --git a/e11.jpg b/e11.jpg
new file mode 100644
index 0000000..2e5004b
Binary files /dev/null and b/e11.jpg differ
diff --git a/e12.jpg b/e12.jpg
new file mode 100644
index 0000000..71eac80
Binary files /dev/null and b/e12.jpg differ
diff --git a/e13.jpg b/e13.jpg
new file mode 100644
index 0000000..6b72a95
Binary files /dev/null and b/e13.jpg differ
diff --git a/e2.jpg b/e2.jpg
new file mode 100644
index 0000000..36f111f
Binary files /dev/null and b/e2.jpg differ
diff --git a/e3.jpg b/e3.jpg
new file mode 100644
index 0000000..e06ac8c
Binary files /dev/null and b/e3.jpg differ
diff --git a/e4.jpg b/e4.jpg
new file mode 100644
index 0000000..4ae46fb
Binary files /dev/null and b/e4.jpg differ
diff --git a/e5.jpg b/e5.jpg
new file mode 100644
index 0000000..4719a41
Binary files /dev/null and b/e5.jpg differ
diff --git a/e6.jpg b/e6.jpg
new file mode 100644
index 0000000..67dee6a
Binary files /dev/null and b/e6.jpg differ
diff --git a/e7.jpg b/e7.jpg
new file mode 100644
index 0000000..9fe24f1
Binary files /dev/null and b/e7.jpg differ
diff --git a/e8.jpg b/e8.jpg
new file mode 100644
index 0000000..b93c49c
Binary files /dev/null and b/e8.jpg differ
diff --git a/e9.jpg b/e9.jpg
new file mode 100644
index 0000000..07db356
Binary files /dev/null and b/e9.jpg differ
diff --git a/index.html b/index.html
index d82a6aa..ec9102e 100644
--- a/index.html
+++ b/index.html
@@ -8,39 +8,71 @@
     <title>Vesmir</title>
 </head>
 <body>
-    <div class="container">
-        <div class="section">
-            <div class="content">
-                <h1>Ahoj</h1>
-            </div>
+        <div class="section" id="zacatek">
+            
+                
+                    <h1>Ahoj</h1>
+                
+                
+            
         </div>
-        <div class="section">
-            <div class="content">
-                <h1>Ahoj</h1>
-            </div>
+        <div class="section" id="cerna">
+            
+                <h1 style="color: aliceblue;">Ahoj</h1>
+            
        </div>
     
-        <div class="section">
-            <div class="content">
+        <div class="section" id="hvezda">
+            
                 <h1>Ahoj</h1>
-            </div>
+            
         </div>
         <div class="section">
-            <div class="content">
+            
                 <h1>Ahoj</h1>
-            </div>
+            
         </div>
         <div class="section">
-            <div class="content">
+            
                 <h1>Ahoj</h1>
-            </div>
+            
         </div>
         <div class="section">
-            <div class="content">
+            
                 <h1>Ahoj</h1>
-            </div>
         </div>
-    </div>
+    
+
+    <script>
+        function handler() {
+            let cerna = document.querySelector('#cerna');
+            let cerna_rect = cerna.getBoundingClientRect();
+            console.log(cerna_rect.top);
+            let value = Math.ceil(255 * (cerna_rect.top / cerna_rect.height));
+            document.body.style.backgroundColor = "rgb(" + value + "," + value + "," + value + ")";
+            let opacity = (cerna_rect.top / cerna_rect.height);
+            console.log("Opacity: " +opacity); 
+            
+            if (value >= 0 && value <= 255) {
+                
+                
+            }
+            
+
+
+
+        }
+        
+        window.addEventListener('load', handler, false);
+   
+        window.addEventListener('scroll', handler, false);
+        
+        window.addEventListener('resize', handler, false);
+     
+
+
+       
+    </script>
     
     
     
diff --git a/stars.jpg b/stars.jpg
new file mode 100644
index 0000000..93adc4f
Binary files /dev/null and b/stars.jpg differ
