3 files changed, 79 insertions, 0 deletions
diff --git a/rannak/lopp/img/bg.jpg b/rannak/lopp/img/bg.jpg
new file mode 100644
index 0000000..7bc4219
--- /dev/null
+++ b/rannak/lopp/img/bg.jpg
diff --git a/rannak/lopp/index.html b/rannak/lopp/index.html
new file mode 100644
index 0000000..1e35e18
--- /dev/null
+++ b/rannak/lopp/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Sõnapilv</title>
+  <link rel="stylesheet" href="style.css" type="text/css"/>
+</head>
+
+    <body>
+        
+        <div class="wrapper">
+            <h1>Sõnapilv</h1>
+            <p>
+              Oled jõudnud viimase ülesandeni!
+              Nüüd, kui mäng on läbi, arutlege oma grupis,
+              millised 3-5 märksõna seostuvad aastaga 1991.
+              Looge neist sõnadest sõnapilv tahvlile või
+              kasutage rakendust <strong><a href="https://www.mentimeter.com/" target="_blank">mentimeter</a></strong>. Selgitage
+              ülejäänud klassile, miks te valisite just need sõnad.
+            </p>
+
+            <a href="../..">
+              <button>Avalehele</button>
+        </a>
+    </div>
+
+  </div>
+
+  </body>
+</html>
diff --git a/rannak/lopp/style.css b/rannak/lopp/style.css
new file mode 100644
index 0000000..a349ff8
--- /dev/null
+++ b/rannak/lopp/style.css
@@ -0,0 +1,47 @@
+body {
+  min-height: 100vh !important;
+  background-color: #43464b;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  background-image: url("img/bg.jpg");
+  background-size: cover;
+  background-attachment: fixed;
+}
+
+
+
+.wrapper {
+    display: flex;
+    min-height: 100vh;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    flex-direction: column;
+    padding:0 15%;
+    color: white;
+    color: black;
+    backdrop-filter: blur(2.3px);
+}
+
+
+a {
+    padding: 20px;
+    text-decoration: none;
+}
+
+button {
+    background-color: rgba(0,136,169,1);
+    border-radius: 50px;
+    padding: 15px;
+    border: none;
+    cursor: pointer;
+    text-decoration: none;
+    font-size: 1.3rem;
+    color: white;
+}
+
+h1 {font-size: 2.5rem}
+p {font-size: 1.75rem}
+