Added impressjs folder, berlin presentation

impressjs/berlin/style.css

@@ -0,0 +1,51 @@
+body {
+    background-color: white;
+    font-family: Arial, sans-serif;
+    color: black;
+    margin: 0;
+    padding: 0;
+}
+
+.step {
+    width: 600px; 
+    border-radius: 10px;
+    padding: 40px;
+    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+    background-color: #FFFFF0; */
+    color: #333;
+    text-align: center;
+    opacity: 10%;
+    transition: opacity 1s;
+}
+
+.step img {
+    opacity: 0%;
+    transition: opacity 1s;
+}
+
+.active {
+    opacity: 100%;
+    transition: opacity 1s;
+}
+
+.active img {
+    opacity: 100%;
+    transition: opacity 1s;
+}
+
+h1 {
+    font-size: 2.5em;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+p {
+    font-size: 1.2em;
+    line-height: 1.4;
+    margin: 20px 0;
+}
+
+img {
+    width: 80%;
+    height: auto;
+    margin-top: 20px;
+}