From 8f3d2b1b6ff3cb2378a2ce5403faebaadca61c11 Mon Sep 17 00:00:00 2001
From: Rasmus <rasmus.luha@gmail.com>
Date: Fri, 5 May 2023 18:37:52 +0300
Subject: Parandused

Former-commit-id: 5f3ba2029e5783e370d2a7808b5ede5448424e14
---
 img/rahvas.jpg                                     | Bin 0 -> 599689 bytes
 img/rahvas.png                                     | Bin 0 -> 4863221 bytes
 index.html                                         |  54 ++-----
 lehed/oppematerjalid/index.html                    |  10 +-
 lehed/oppematerjalid/styles.css                    |  23 ++-
 lehed/projekt/index.html                           |  10 +-
 lehed/projekt/styles.css                           |  25 ++-
 lehed/rollid/index.html                            | 109 ++++++++++---
 lehed/rollid/styles.css                            |  45 +++++-
 lehed/rollid/vids/arimees.mp4.REMOVED.git-id       |   1 +
 lehed/rollid/vids/avatars/arimees.jpg              | Bin 0 -> 284762 bytes
 lehed/rollid/vids/avatars/direktor.jpg             | Bin 0 -> 140129 bytes
 lehed/rollid/vids/avatars/kaitseliitlane.jpg       | Bin 0 -> 359934 bytes
 lehed/rollid/vids/avatars/partorg.jpg              | Bin 0 -> 146072 bytes
 lehed/rollid/vids/avatars/perenaine.jpg            | Bin 0 -> 146346 bytes
 lehed/rollid/vids/avatars/uliopilane.jpg           | Bin 0 -> 136930 bytes
 .../rollid/vids/kaitseliitlane.mp4.REMOVED.git-id  |   1 +
 lehed/rollid/vids/screens/direktor.jpg             | Bin 140129 -> 0 bytes
 lehed/rollid/vids/screens/partorg.jpg              | Bin 146072 -> 0 bytes
 lehed/rollid/vids/screens/perenaine.jpg            | Bin 146346 -> 0 bytes
 lehed/rollid/vids/screens/uliopilane.jpg           | Bin 136930 -> 0 bytes
 rannak/endPage/main.js                             |  11 +-
 rannak/mangud/arimees/muusika/index.html           |   6 +-
 rannak/mangud/arimees/muusika/pildid/avatar.png    | Bin 73556 -> 1294704 bytes
 rannak/mangud/arimees/muusika/script.js            |   3 +-
 rannak/mangud/arimees/pood/index.html              |  20 ++-
 rannak/mangud/arimees/pood/pildid/avatar.png       | Bin 73556 -> 1294704 bytes
 rannak/mangud/arimees/pood/script.js               |   2 +-
 rannak/mangud/arimees/pood/style.css               |  16 +-
 rannak/mangud/arimees/soome/index.html             |   6 +-
 rannak/mangud/arimees/soome/pildid/avatar.png      | Bin 73556 -> 1294704 bytes
 rannak/mangud/arimees/soome/script.js              |   2 +-
 rannak/mangud/arimees/soome/style.css              |   2 +-
 rannak/mangud/direktor/baltikett/index.html        |  14 +-
 rannak/mangud/direktor/baltikett/pildid/avatar.jpg | Bin 137594 -> 0 bytes
 rannak/mangud/direktor/baltikett/pildid/avatar.png | Bin 0 -> 13683369 bytes
 rannak/mangud/direktor/baltikett/script.js         |   3 +-
 rannak/mangud/direktor/baltikett/styles.css        |   2 +-
 rannak/mangud/direktor/kone/index.html             |   6 +-
 rannak/mangud/direktor/kone/pildid/avatar.png      | Bin 690924 -> 13683369 bytes
 rannak/mangud/direktor/kone/script.js              |   3 +-
 rannak/mangud/direktor/kone/style.css              |   1 +
 rannak/mangud/direktor/loosung/index.html          |  22 +--
 rannak/mangud/direktor/loosung/pildid/avatar.png   | Bin 690924 -> 13683369 bytes
 rannak/mangud/direktor/loosung/script.js           |  22 ++-
 rannak/mangud/index.html                           |   8 +-
 rannak/mangud/kaitseliitlane/salakood/index.html   |  11 +-
 .../kaitseliitlane/salakood/pildid/avatar.jpg      | Bin 137594 -> 0 bytes
 .../kaitseliitlane/salakood/pildid/avatar.png      | Bin 0 -> 1550369 bytes
 .../mangud/kaitseliitlane/salakood/pildid/bk.jpg   | Bin 317441 -> 0 bytes
 rannak/mangud/kaitseliitlane/salakood/script.js    |   6 +-
 rannak/mangud/kaitseliitlane/salakood/style.css    |  17 +-
 .../mangud/kaitseliitlane/soomusmasinad/index.html |  13 +-
 .../kaitseliitlane/soomusmasinad/pildid/avatar.png | Bin 0 -> 1550369 bytes
 .../mangud/kaitseliitlane/soomusmasinad/script.js  |   2 +-
 rannak/mangud/kaitseliitlane/sundmused/index.html  |  12 +-
 .../kaitseliitlane/sundmused/pildid/avatar.png     | Bin 0 -> 1550369 bytes
 rannak/mangud/kaitseliitlane/sundmused/script.js   |   2 +-
 rannak/mangud/partorg/kuulsused/index.html         |   6 +-
 rannak/mangud/partorg/kuulsused/pildid/kogan.jpg   | Bin 1615437 -> 662421 bytes
 rannak/mangud/partorg/kuulsused/script.js          |   2 +-
 rannak/mangud/partorg/plakat/index.html            |  12 +-
 rannak/mangud/partorg/plakat/script.js             |   2 +-
 rannak/mangud/partorg/plakat/styles.css            |   7 +-
 rannak/mangud/partorg/sonaragastik/index.html      |   3 +-
 rannak/mangud/partorg/sonaragastik/script.js       |  11 +-
 rannak/mangud/partorg/sonaragastik/style.css       |   5 +-
 rannak/mangud/perenaine/kuulamine/index.html       |   4 +-
 .../mangud/perenaine/kuulamine/pildid/avatar.png   | Bin 703680 -> 13560147 bytes
 rannak/mangud/perenaine/memori/img/avatar.png      | Bin 703680 -> 13560147 bytes
 rannak/mangud/perenaine/memori/index.html          |   6 +-
 rannak/mangud/perenaine/memori/script.js           |   2 +-
 rannak/mangud/perenaine/ristsona/index.html        |   4 +-
 rannak/mangud/perenaine/ristsona/pildid/avatar.png | Bin 703680 -> 13560147 bytes
 rannak/mangud/perenaine/ristsona/script.js         |   3 +-
 rannak/mangud/perenaine/ristsona/style.css         |   4 +
 rannak/mangud/uliopilane/ajatelg/index.html        |   4 +-
 rannak/mangud/uliopilane/tSark/index.html          |  11 +-
 rannak/mangud/uliopilane/tSark/main.js             |   2 +-
 rannak/mangud/uliopilane/utlused/index.html        |  15 +-
 rannak/rolliValik/index.html                       |  25 +--
 rannak/rolliValik/pildid/arimees.png               | Bin 0 -> 1294704 bytes
 rannak/rolliValik/pildid/direktor.png              | Bin 690924 -> 13683369 bytes
 rannak/rolliValik/pildid/kaitseliitlane.png        | Bin 0 -> 1582132 bytes
 rannak/rolliValik/pildid/perenaine.png             | Bin 703680 -> 13560147 bytes
 rannak/rolliValik/pildid/tmp/arimees.jpg           | Bin 73556 -> 0 bytes
 rannak/rolliValik/pildid/tmp/direktor.jpg          | Bin 167483 -> 0 bytes
 rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg    | Bin 137594 -> 0 bytes
 rannak/rolliValik/pildid/tmp/partorg.jpg           | Bin 100602 -> 0 bytes
 rannak/rolliValik/pildid/tmp/perenaine.jpg         | Bin 81246 -> 0 bytes
 rannak/rolliValik/pildid/tmp/uliopilane.jpg        | Bin 243242 -> 0 bytes
 styles.css                                         | 180 ++++++++++-----------
 92 files changed, 453 insertions(+), 345 deletions(-)
 create mode 100644 img/rahvas.jpg
 create mode 100644 img/rahvas.png
 create mode 100644 lehed/rollid/vids/arimees.mp4.REMOVED.git-id
 create mode 100644 lehed/rollid/vids/avatars/arimees.jpg
 create mode 100644 lehed/rollid/vids/avatars/direktor.jpg
 create mode 100644 lehed/rollid/vids/avatars/kaitseliitlane.jpg
 create mode 100644 lehed/rollid/vids/avatars/partorg.jpg
 create mode 100644 lehed/rollid/vids/avatars/perenaine.jpg
 create mode 100644 lehed/rollid/vids/avatars/uliopilane.jpg
 create mode 100644 lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id
 delete mode 100644 lehed/rollid/vids/screens/direktor.jpg
 delete mode 100644 lehed/rollid/vids/screens/partorg.jpg
 delete mode 100644 lehed/rollid/vids/screens/perenaine.jpg
 delete mode 100644 lehed/rollid/vids/screens/uliopilane.jpg
 delete mode 100644 rannak/mangud/direktor/baltikett/pildid/avatar.jpg
 create mode 100644 rannak/mangud/direktor/baltikett/pildid/avatar.png
 delete mode 100644 rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg
 create mode 100644 rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png
 delete mode 100644 rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg
 create mode 100644 rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png
 create mode 100644 rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png
 create mode 100644 rannak/rolliValik/pildid/arimees.png
 create mode 100644 rannak/rolliValik/pildid/kaitseliitlane.png
 delete mode 100644 rannak/rolliValik/pildid/tmp/arimees.jpg
 delete mode 100644 rannak/rolliValik/pildid/tmp/direktor.jpg
 delete mode 100644 rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg
 delete mode 100644 rannak/rolliValik/pildid/tmp/partorg.jpg
 delete mode 100644 rannak/rolliValik/pildid/tmp/perenaine.jpg
 delete mode 100644 rannak/rolliValik/pildid/tmp/uliopilane.jpg

diff --git a/img/rahvas.jpg b/img/rahvas.jpg
new file mode 100644
index 0000000..094dafb
Binary files /dev/null and b/img/rahvas.jpg differ
diff --git a/img/rahvas.png b/img/rahvas.png
new file mode 100644
index 0000000..b1aaede
Binary files /dev/null and b/img/rahvas.png differ
diff --git a/index.html b/index.html
index e284a82..312b90d 100644
--- a/index.html
+++ b/index.html
@@ -3,30 +3,22 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="styles.css">
     <title>Digirännak</title>
 
-    <!-- Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com"> 
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
-    <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> 
-    <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap" rel="stylesheet">
-
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
 </head>
 
-<body class="bg-dark">
-    <section id="intro">
+<body>
 
+    <section id="intro">
         <!-- navbar -->
-        <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-5">
+        <nav class="navbar navbar-expand-md">
           <div class="container fs-5">
             <!-- navbar brand / title -->
             <a class="navbar-brand" href="#intro">
-              <span class="text-secondary fw-bold">
+              <span>
               Digirännak
               </span>
             </a>
@@ -59,44 +51,31 @@
         </nav>
 
 
+
+
+
         <!-- Intro ja alusta Digiränakut -->
 
-        <div class="rannakuNupp d-flex align-items-center justify-content-center container">
+        <div class="rannakuNupp">
 
-            <div class="row justify-content-center">
-                <div class="col text-center text-md-start">
-                    <div class="neon-button-wrapper">
-                        <a href="rannak/kaart" class="neon-button">Rännakule</a>
-                    </div>
-                </div>
-            <div>
-
-            <div class="row justify-content-center">
-                <div class="col text-center fs-4 text-muted">
-                    Esmalt loe 
-                    <a class="text-reset text-decoration-none" href="#juhend">
-                        <span class="fw-bold">Juhendit</span>!
-                    </a>
-                </div>
-            </div>
+            <a class="mainBtn" href="rannak/kaart" class="neon-button"><span>Rännakule</span></a>
 
         </div>
+
+
     </section>
 
 
 
     <!-- juhend -->
-
     <section id="juhend">
         <div class="container">
 
-          <div class="text-center pt-5 pb-3">
-            <h2 class="text-white fs-1">Juhend</h2>
-            <p class="lead text-muted pt-2">Juhend teeb digirännaku läbimise kergemaks ja mugavamaks, Loe see kindlasti läbi.</p>
+          <div class="juhendUpper">
+            <h2>Juhend</h2>
           </div>
 
 
-
           <!-- accordion -->
           <div class="accordion accordion-flush justify-content-center" id="accordionFlush">
 
@@ -109,7 +88,8 @@
               <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush">
                 <div class="accordion-body">
                   <p>
-					<a href="lehed/rollid">Enne Rännakule asumist tutvu kindlasti rollidega.</a>
+                    Enne Rännakule asumist tutvu kindlasti 
+					<a href="lehed/rollid">rollidega</a>.
 					<br/>
 					Kahjuks ei ole digirännak telefoniga läbitav.
 				  </p>
@@ -182,11 +162,11 @@
             </div>
 
 
-
           </div>
         </div>
     </section>
 
+
     <script src="main.js"></script>
 
     <!-- JavaScript Bundle with Popper -->
diff --git a/lehed/oppematerjalid/index.html b/lehed/oppematerjalid/index.html
index dd83513..1a077a6 100644
--- a/lehed/oppematerjalid/index.html
+++ b/lehed/oppematerjalid/index.html
@@ -5,18 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Õppematerjalid</title>
 
-    <link rel="stylesheet" href="styles.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
-    <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> 
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
 </head>
-<body class="bg-dark">
+<body>
 
     <!-- navbar -->
-    <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2">
+    <nav class="navbar navbar-expand-md">
       <div class="container fs-5">
         <!-- navbar brand / title -->
         <a class="navbar-brand" href="../../#intro">
diff --git a/lehed/oppematerjalid/styles.css b/lehed/oppematerjalid/styles.css
index 9b02532..74ca032 100644
--- a/lehed/oppematerjalid/styles.css
+++ b/lehed/oppematerjalid/styles.css
@@ -1,3 +1,22 @@
 body{
-    font-family: 'Cormorant SC', serif !important;
-}
\ No newline at end of file
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    background-color: #43464b;
+}
+
+/* NavBar */
+.navbar{
+    margin: 1.2rem;
+    margin-top: 0;
+    border-bottom: 2px solid white;
+}
+
+.navbar span{
+    font-weight: bold !important;
+    color: white !important;
+}
+
+.navbar a:hover{
+    color: snow;
+    font-weight: bolder;
+}
+.navbar a{ color: white; }
diff --git a/lehed/projekt/index.html b/lehed/projekt/index.html
index 84f8a6a..4a9da9e 100644
--- a/lehed/projekt/index.html
+++ b/lehed/projekt/index.html
@@ -5,18 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Projekt</title>
 
-    <link rel="stylesheet" href="styles.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
-    <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> 
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
 </head>
-<body class="bg-dark">
+<body>
 
     <!-- navbar -->
-    <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2">
+    <nav class="navbar navbar-expand-md">
       <div class="container fs-5">
         <!-- navbar brand / title -->
         <a class="navbar-brand" href="../../#intro">
diff --git a/lehed/projekt/styles.css b/lehed/projekt/styles.css
index 9b02532..0c12a82 100644
--- a/lehed/projekt/styles.css
+++ b/lehed/projekt/styles.css
@@ -1,3 +1,24 @@
 body{
-    font-family: 'Cormorant SC', serif !important;
-}
\ No newline at end of file
+    background-color: #43464b;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+
+/* NavBar */
+.navbar{
+    margin: 1.2rem;
+    margin-top: 0;
+    border-bottom: 2px solid white;
+}
+
+.navbar span{
+    font-weight: bold !important;
+    color: white !important;
+}
+
+.navbar a:hover{
+    color: snow;
+    font-weight: bolder;
+}
+.navbar a{ color: white; }
+
diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html
index 0a53683..be810bf 100644
--- a/lehed/rollid/index.html
+++ b/lehed/rollid/index.html
@@ -4,18 +4,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Rollid</title>
-
-    <link rel="stylesheet" href="styles.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
     <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> 
 
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
 </head>
 
-<body class="bg-dark">
+<body>
 
     <!-- navbar -->
     <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2">
@@ -178,14 +174,40 @@
     
           <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab">
             <div class="row">
-              <div class="col-lg-8">
-                <h2 class="arimeesPealkiri">Ärimees</h2>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-              </div>
-              
-              <div class="col-lg-4">
-                <img src="pildid/arimees.jpg" alt="must-valge ärimees" class="img-fluid">
+              <div>
+                <h2 class="arimeesPealkiri">TOIVO, ärimees. Sündinud 1965.</h2>
+
+                <video controls >
+                  <source src="vids/arimees.mp4" type="video/mp4" />
+                </video>
+
+                <p>
+                Olen Toivo, omadele Toits. 22-aastane, sündinud 1965.aastal.
+                <br><br>
+                Olen eluaeg Tallinnas elanud. Juba poisikesena hakkasin ma väikestviisi äri ajama: müüsin
+                poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat.
+                No ja nii see vaikselt hakkas looma, see minu äritegevus, noh. 
+                <br><br>
+                Õppisin Pirital, 36. keskkoolis, hinded olid peamiselt kolmed, aga soome  keelt ma õppisin.
+                Soome keelt sai  telekast õppida, sest  tallinlased ja põhjaeestlased lasid omale televiisorisse
+                paigaldada  lisajubina, mis abil said  vaadata Soome televisiooni saateid. Vene keel tuli ka
+                kuidagi iseenesest, mul on ka venelastest sõpru. 
+                <br><br>
+                Keskas käies  hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. Oma esimese “soomlase”
+                sain 1986. aastal. Lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. See osutus Pekkaks
+                ja nii me sõbrunesimegi. Pekka käis igal kuul Tallinnas ja hakkas mulle kilekottides riideid ja muud
+                kraami kaasa tooma. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid.
+                Võtsin sõber Urmase ka kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja
+                ja rahvas tuli! Valuutat oli enamasti välismaalastel ja ka vähestel eesti inimestel, kel on sidemeid läänes.
+                Tegelikult nõukogude inimene valuutat omada ei tohigi, kui sul seda ilma nö loata oli, võisid karistuse kaela
+                saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. 
+                <br><br>
+                Minu sissetulek oli ikka kordades suurem, kui mu vanematel. 1988ndal sain endale osta auto Ford Fiesta.
+                See oli tumesinine ja teenis mind paar aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid
+                on juba meie tänavatel päris palju. Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga
+                oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks.
+                </p>
+
               </div>
             </div>
           </div>
@@ -193,7 +215,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab">
             <div class="row">
               <div>
-                <h2 class="perenainePealkiri">VIRGE, Perenaine. Sündinud 1955, 35-aastane</h2>
+                <h2 class="perenainePealkiri">VIRGE, perenaine. Sündinud 1955, 35-aastane</h2>
 
                 <video controls >
                   <source src="vids/perenaine.mp4" type="video/mp4" />
@@ -227,16 +249,53 @@
 
           <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab">
             <div class="row">
-              <div class="col-lg-8">
-                <h2 class="kaitseliitlanePealkiri">Kaitseliitlane</h2>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam, quaerat.</p>
-              </div>
-              
-              <div class="col-lg-4">
-                <img src="pildid/kaitseliitlane.jpg" alt="must-valge kaitseliitlane" class="img-fluid">
+              <div>
+                <h2 class="kaitseliitlanePealkiri">VAHUR, kaitseliitlane. Sündinud 1938, 53-aastane</h2>
+
+                <video controls >
+                  <source src="vids/kaitseliitlane.mp4" type="video/mp4" />
+                </video>
+
+                <p>
+                Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal
+                Kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei
+                meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid Eesti mehi!
+                 Tagasi koju jõudsime ainult mina ja vennas. 1956. aastal, tükk aega pärast Stalini surma.
+                Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupoja tarkus ja isamaa-armastus.
+                Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma!
+                <br><br>  
+                Kaks päeva tagasi, 19. augustil, saatsime Kaitseliiduga Tartust Tallinnasse rühma,
+                kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla.
+                <br><br>  
+                Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal
+                juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle.
+                Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud
+                kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt
+                vene ohvitserilt saadud TT nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… 
+                Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on
+                ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud – isegi kui neil enam sama suurt
+                pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas:
+                „Ükskord me võidame niikuinii!“. Vaat nüüd on see aeg käes!
+                <br><br>  
+                Kui läheb laskmiseks, hakkame vastu nii palju kui suudame. Tähtis on, et see kõik jõuaks
+                välismaa lehtedesse – nii, nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm.
+                KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid
+                meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu,
+                nii et ei mingit sõimamist või kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki
+                üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema,
+                siis see ka nendeni jõuaks… Kui aga dessantväelased alustavad… 
+                <br><br><br> 
+                Saa vabaks, Eesti meri,
+                <br>
+                Saa vabaks, Eesti pind!
+                <br>
+                Siis tuisku ega tormi
+                <br>
+                ei karda Eesti rind!
+                <br><br>
+                &emsp;&emsp;-Viktor Konstantin Oxford (Oksvort)
+                </p>
+
               </div>
             </div>
           </div>
diff --git a/lehed/rollid/styles.css b/lehed/rollid/styles.css
index 638a630..595cbdc 100644
--- a/lehed/rollid/styles.css
+++ b/lehed/rollid/styles.css
@@ -1,18 +1,12 @@
-/*
-@font-face {
-    font-family: 'fontUno';
-    src: url('fonts/FirstSchool.ttf');
-}
-*/
-
 @font-face {
     font-family: 'fontUno';
     src: url('fonts/test/C059-BdIta.otf');
 }
 
 body{
-    font-family: 'Cormorant SC', serif !important;
     max-width: 100% !important;
+    background-color: #43464b;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 button{
@@ -34,6 +28,31 @@ video {
 }
 
 
+
+
+/* NavBar */
+.navbar{
+    margin: 1.2rem;
+    margin-top: 0;
+    border-bottom: 2px solid white;
+}
+
+.navbar span{
+    font-weight: bold !important;
+    color: white !important;
+}
+
+.navbar a:hover{
+    color: snow;
+    font-weight: bolder;
+}
+.navbar a{ color: white; }
+
+
+
+
+
+
 /* Pealkirjade värvid */
 
 .uliopilanePealkiri {
@@ -68,3 +87,13 @@ video {
         margin-left: 0px;
     }
 }
+
+
+
+#nav-opilane-tab{ color: #4169E1 !important}
+#nav-arimees-tab{ color: #2FF924 !important}
+#nav-perenaine-tab{ color: #FEDD00 !important}
+#nav-partorg-tab{ color: #a1000e !important}
+#nav-kaitseliitlane-tab{color: #156734 !important}
+#nav-direktor-tab{ color: #ED8B00 !important}
+
diff --git a/lehed/rollid/vids/arimees.mp4.REMOVED.git-id b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id
new file mode 100644
index 0000000..0b300e6
--- /dev/null
+++ b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id
@@ -0,0 +1 @@
+38c0efe1a140f97e3cf177dfbe8c26f6069b77f7
\ No newline at end of file
diff --git a/lehed/rollid/vids/avatars/arimees.jpg b/lehed/rollid/vids/avatars/arimees.jpg
new file mode 100644
index 0000000..a9b589f
Binary files /dev/null and b/lehed/rollid/vids/avatars/arimees.jpg differ
diff --git a/lehed/rollid/vids/avatars/direktor.jpg b/lehed/rollid/vids/avatars/direktor.jpg
new file mode 100644
index 0000000..b89268d
Binary files /dev/null and b/lehed/rollid/vids/avatars/direktor.jpg differ
diff --git a/lehed/rollid/vids/avatars/kaitseliitlane.jpg b/lehed/rollid/vids/avatars/kaitseliitlane.jpg
new file mode 100644
index 0000000..3ff0a3a
Binary files /dev/null and b/lehed/rollid/vids/avatars/kaitseliitlane.jpg differ
diff --git a/lehed/rollid/vids/avatars/partorg.jpg b/lehed/rollid/vids/avatars/partorg.jpg
new file mode 100644
index 0000000..53d3b8e
Binary files /dev/null and b/lehed/rollid/vids/avatars/partorg.jpg differ
diff --git a/lehed/rollid/vids/avatars/perenaine.jpg b/lehed/rollid/vids/avatars/perenaine.jpg
new file mode 100644
index 0000000..481db36
Binary files /dev/null and b/lehed/rollid/vids/avatars/perenaine.jpg differ
diff --git a/lehed/rollid/vids/avatars/uliopilane.jpg b/lehed/rollid/vids/avatars/uliopilane.jpg
new file mode 100644
index 0000000..9c4d344
Binary files /dev/null and b/lehed/rollid/vids/avatars/uliopilane.jpg differ
diff --git a/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id
new file mode 100644
index 0000000..1153e6c
--- /dev/null
+++ b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id
@@ -0,0 +1 @@
+9d735d29d8ffdfa7b8b69146394d3c601c4a912e
\ No newline at end of file
diff --git a/lehed/rollid/vids/screens/direktor.jpg b/lehed/rollid/vids/screens/direktor.jpg
deleted file mode 100644
index b89268d..0000000
Binary files a/lehed/rollid/vids/screens/direktor.jpg and /dev/null differ
diff --git a/lehed/rollid/vids/screens/partorg.jpg b/lehed/rollid/vids/screens/partorg.jpg
deleted file mode 100644
index 53d3b8e..0000000
Binary files a/lehed/rollid/vids/screens/partorg.jpg and /dev/null differ
diff --git a/lehed/rollid/vids/screens/perenaine.jpg b/lehed/rollid/vids/screens/perenaine.jpg
deleted file mode 100644
index 481db36..0000000
Binary files a/lehed/rollid/vids/screens/perenaine.jpg and /dev/null differ
diff --git a/lehed/rollid/vids/screens/uliopilane.jpg b/lehed/rollid/vids/screens/uliopilane.jpg
deleted file mode 100644
index 9c4d344..0000000
Binary files a/lehed/rollid/vids/screens/uliopilane.jpg and /dev/null differ
diff --git a/rannak/endPage/main.js b/rannak/endPage/main.js
index 7f21f65..0cfc56b 100644
--- a/rannak/endPage/main.js
+++ b/rannak/endPage/main.js
@@ -7,17 +7,18 @@ if (localStorage.roll != undefined){
     delete localStorage.roll;
 
     if (roll == 'Kaitseliitlase'){
-        document.querySelector('h3').innerHTML = 'Baltiketti andmed:';
-        spans[1].innerHTML = 'Asula: ' + localStorage.asula;
-        spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus;
+        document.querySelector('h3').innerHTML = 'Soomusmasinate teekond:';
+        spans[1].innerHTML = 'Asukoht: ' + localStorage.asula;
+        //spans[2].innerHTML = 'Soomusmasinad möödusid sinust: ' + localStorage.kaugus ' km kauguselt.';
+        spans[2].innerHTML = `Soomusmasinad möödusid sinust: ${localStorage.kaugus}  km kauguselt.`
 
         delete localStorage.asula;
         delete localStorage.kaugus;
     }
 
     else if (roll == 'Direktori'){
-        document.querySelector('h3').innerHTML = 'Baltiketti andmed:';
-        spans[3].innerHTML = 'Baltiketi pikkus: ' + localStorage.teekond;
+        document.querySelector('h3').innerHTML = 'Balti keti andmed:';
+        spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond;
         spans[1].innerHTML = 'Asula: ' + localStorage.asula;
         spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus;
 
diff --git a/rannak/mangud/arimees/muusika/index.html b/rannak/mangud/arimees/muusika/index.html
index e1e80ab..6a1e1ce 100644
--- a/rannak/mangud/arimees/muusika/index.html
+++ b/rannak/mangud/arimees/muusika/index.html
@@ -17,9 +17,9 @@
     <div class="container text-white text-center">
 	  <h1>Muusika</h1>
 	  <p>
-        Vajuta lingile ja vaata muusikavideosid, või kuula siinsamas,
-        <br/>
-        ning järjesta siis need vastavalt oma eelistustele.
+        Vajuta lingile ja vaata muusikavideosid youtubes ning seejärel
+        järjesta vastavalt oma eelistustele.
+        Põhjenda oma esikohta tekstiväljal.
      </p>
 
 	  <div class="text-center">
diff --git a/rannak/mangud/arimees/muusika/pildid/avatar.png b/rannak/mangud/arimees/muusika/pildid/avatar.png
index 3cb21cf..533c38d 100644
Binary files a/rannak/mangud/arimees/muusika/pildid/avatar.png and b/rannak/mangud/arimees/muusika/pildid/avatar.png differ
diff --git a/rannak/mangud/arimees/muusika/script.js b/rannak/mangud/arimees/muusika/script.js
index 8803bbe..0bcaae0 100644
--- a/rannak/mangud/arimees/muusika/script.js
+++ b/rannak/mangud/arimees/muusika/script.js
@@ -27,6 +27,7 @@ for(el of selectors){
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    localStorage.setItem("roll", "Ärimehe");
+    btn.onclick = () => location.href = "../../../endPage";
 }
 
diff --git a/rannak/mangud/arimees/pood/index.html b/rannak/mangud/arimees/pood/index.html
index f52a103..16233d2 100644
--- a/rannak/mangud/arimees/pood/index.html
+++ b/rannak/mangud/arimees/pood/index.html
@@ -14,26 +14,24 @@
 <body>
 
 
-    <!-- Button trigger modal -->
-    <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
-      Sissejuhatus
-    </button>
-
     <div class="container text-white text-center">
+
 	  <h1>Pood</h1>
 	  <p>
-        Vali kataloogidest erineivaid tooteid, mida soovid osta
+        Sirvi lehekülgi „Anttila“ ja „Ellose“ kataloogidest ning koosta ostunimekiri.
         <br/>
-        ning arvuta ka nende kurss
+        Sul on 12 000 rubla. Kurss 1 FIM= 7,356 rubla.
      </p>
 
 	  <div class="text-center">
+        <button class="moveOn" disabled>Liigu Edasi</button>
 
-		<div class="col">
-          <button class="moveOn" disabled>Liigu Edasi</button>
-		</div>
-
+        <!-- Button trigger modal -->
+        <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+          Sissejuhatus
+        </button>
 	  </div>
+
     </div>
 
 
diff --git a/rannak/mangud/arimees/pood/pildid/avatar.png b/rannak/mangud/arimees/pood/pildid/avatar.png
index 3cb21cf..533c38d 100644
Binary files a/rannak/mangud/arimees/pood/pildid/avatar.png and b/rannak/mangud/arimees/pood/pildid/avatar.png differ
diff --git a/rannak/mangud/arimees/pood/script.js b/rannak/mangud/arimees/pood/script.js
index 5a48c84..20efbe8 100644
--- a/rannak/mangud/arimees/pood/script.js
+++ b/rannak/mangud/arimees/pood/script.js
@@ -86,6 +86,6 @@ for (let i=0;i < cells.length; i++){
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    btn.onclick = () => location.href = "../muusika";
 }
 
diff --git a/rannak/mangud/arimees/pood/style.css b/rannak/mangud/arimees/pood/style.css
index 61bdfe7..d791cd9 100644
--- a/rannak/mangud/arimees/pood/style.css
+++ b/rannak/mangud/arimees/pood/style.css
@@ -49,24 +49,16 @@ button:disabled{
 }
 
 
-
-.closeModalButton {
-  border-radius: 50px;
-}
-
 .modalButton{
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 6px;
-    padding: 9px 25px;
+    display: inline-block;
+    padding: 6px 12px;
+    margin-left: 30px;
     background-color: rgba(0,136,169,1);
     border: none;
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.3 ease 0;
-    margin: 3%;
-    font-size: 1.2rem;
+    font-size: 1rem;
 }
 
 .modalButton:hover{
diff --git a/rannak/mangud/arimees/soome/index.html b/rannak/mangud/arimees/soome/index.html
index 824a450..2961059 100644
--- a/rannak/mangud/arimees/soome/index.html
+++ b/rannak/mangud/arimees/soome/index.html
@@ -18,9 +18,9 @@
 	  <h1>Õpime soome keelt</h1>
 
 	  <p>
-        Leia sõnastikust soomekeelsetele sõnadele vasted ja asenda need kirja.
+        Leia sõnastikust soomekeelsete sõnadel vasted ja asenda need kirja sees.
         <br/>
-        PS: Pane sõnad ka õigesse käändesse.
+        NB! Pane sõnad õigesse käändesse.
       </p>
 
 	  <div class="text-center">
@@ -72,7 +72,7 @@
     <div class="content">
 
       <div class="leftSide">
-        <h3>Sõnastik</h3>
+        <h3>Soome-eesti sõnastik</h3>
 
         <ul>
           <li>halba - odav</li>
diff --git a/rannak/mangud/arimees/soome/pildid/avatar.png b/rannak/mangud/arimees/soome/pildid/avatar.png
index 3cb21cf..533c38d 100644
Binary files a/rannak/mangud/arimees/soome/pildid/avatar.png and b/rannak/mangud/arimees/soome/pildid/avatar.png differ
diff --git a/rannak/mangud/arimees/soome/script.js b/rannak/mangud/arimees/soome/script.js
index 946f029..f22f6da 100644
--- a/rannak/mangud/arimees/soome/script.js
+++ b/rannak/mangud/arimees/soome/script.js
@@ -61,6 +61,6 @@ for (let w of words){
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    btn.onclick = () => location.href = "../pood";
 }
 
diff --git a/rannak/mangud/arimees/soome/style.css b/rannak/mangud/arimees/soome/style.css
index cb70806..eb860e0 100644
--- a/rannak/mangud/arimees/soome/style.css
+++ b/rannak/mangud/arimees/soome/style.css
@@ -7,7 +7,6 @@
 
 body{
     background-color: #43464b;
-    font-family: 'fontUno';
 }
 
 
@@ -80,6 +79,7 @@ button:disabled{
 
 /* Main */
 .content {
+    font-family: 'fontUno';
     margin-top: 3rem;
     display: flex;
     height: 100%;
diff --git a/rannak/mangud/direktor/baltikett/index.html b/rannak/mangud/direktor/baltikett/index.html
index f4e44cd..0630c4c 100644
--- a/rannak/mangud/direktor/baltikett/index.html
+++ b/rannak/mangud/direktor/baltikett/index.html
@@ -14,12 +14,12 @@
     <div class="container text-center text-white align-items-center">
         <h1 class="pb-1 pt-2">Baltikett</h1>
         <p>
-          Joonlauaga (vali parempoolsest rippmenüüst joonlaua ikoon
-          (vasakpoolse paneeli võid ruumi tegemiseks sulgeda))
-          saab mitme klikiga mööda joont kaugust mõõta. Selleks,
-          et saada võimalikult täpne tulemus, zoomi kaardile lähemale
-          või kaugemale, vastavalt vajadusele.<br>Leia Baltiketi pikkus Eestis
-          ning sinu kodukoha kaugus ketist.
+          Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda).
+          Balti keti pikkust saad mõõta märkides alguspunkti ning seejärel liikuda klikkides
+          teekonna lõpuni. Selleks, et saada võimalikult täpne tulemus,
+          zoomi vastavalt vajadusele kaardile lähemale või kaugemale.
+          <br>
+          Mõõda Balti keti teekonna pikkus Eestis ning sinu kodukoha kaugus lähimast Balti keti punktist.
         </p>
 
 		<div class="row">
@@ -48,7 +48,7 @@
             <div class="modalHeaderWrapper">
               <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
             </div>
-            <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/>
+            <img class="avatar" alt="avatar" src="pildid/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/direktor/baltikett/pildid/avatar.jpg b/rannak/mangud/direktor/baltikett/pildid/avatar.jpg
deleted file mode 100644
index 37ae271..0000000
Binary files a/rannak/mangud/direktor/baltikett/pildid/avatar.jpg and /dev/null differ
diff --git a/rannak/mangud/direktor/baltikett/pildid/avatar.png b/rannak/mangud/direktor/baltikett/pildid/avatar.png
new file mode 100644
index 0000000..7b13556
Binary files /dev/null and b/rannak/mangud/direktor/baltikett/pildid/avatar.png differ
diff --git a/rannak/mangud/direktor/baltikett/script.js b/rannak/mangud/direktor/baltikett/script.js
index f5d1016..5d58c87 100644
--- a/rannak/mangud/direktor/baltikett/script.js
+++ b/rannak/mangud/direktor/baltikett/script.js
@@ -39,9 +39,8 @@ function getInputs(){
 function allGood(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    localStorage.setItem("roll", "Direktori");
     localStorage.setItem("asula", asulaVal);
     localStorage.setItem("kaugus", kaugusVal);
     localStorage.setItem("teekond", teekondVal);
-    btn.onclick = () => location.href = "../../../endPage";
+    btn.onclick = () => location.href = "../loosung";
 }
diff --git a/rannak/mangud/direktor/baltikett/styles.css b/rannak/mangud/direktor/baltikett/styles.css
index cc1f6ec..42a2fa0 100644
--- a/rannak/mangud/direktor/baltikett/styles.css
+++ b/rannak/mangud/direktor/baltikett/styles.css
@@ -2,7 +2,7 @@
 	box-sizing: border-box;
 }
 h1 {
-    color: #154734;
+    color: #ED8B00;
     font-weight: bold;
 }
 body{
diff --git a/rannak/mangud/direktor/kone/index.html b/rannak/mangud/direktor/kone/index.html
index b00a94b..0406ee6 100644
--- a/rannak/mangud/direktor/kone/index.html
+++ b/rannak/mangud/direktor/kone/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
 
-  <title>Koosta Kõne</title>
+  <title>Koosta kõne</title>
   <!-- Bootstrap - CSS only -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
 
@@ -14,10 +14,10 @@
 
 
     <div class="container text-white text-center">
-	  <h1>Koosta Kõne</h1>
+	  <h1>Koosta kõne</h1>
 
 	  <p>
-        Loe 1984. aasta kõne, ning kirjuta see ümber, nii, et see sobituks tänapäeva.
+        Kirjuta 1984. aasta kõne ümber nii, et see sobituks praegusesse, 1991. aastasse!
       </p>
 
 	  <div class="text-center">
diff --git a/rannak/mangud/direktor/kone/pildid/avatar.png b/rannak/mangud/direktor/kone/pildid/avatar.png
index 94d7a31..7b13556 100644
Binary files a/rannak/mangud/direktor/kone/pildid/avatar.png and b/rannak/mangud/direktor/kone/pildid/avatar.png differ
diff --git a/rannak/mangud/direktor/kone/script.js b/rannak/mangud/direktor/kone/script.js
index ba1d77b..91bdd44 100644
--- a/rannak/mangud/direktor/kone/script.js
+++ b/rannak/mangud/direktor/kone/script.js
@@ -20,6 +20,7 @@ kone.addEventListener('input', () => {
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    localStorage.setItem("roll", "Direktori");
+    btn.onclick = () => location.href = "../../../endPage";
 }
 
diff --git a/rannak/mangud/direktor/kone/style.css b/rannak/mangud/direktor/kone/style.css
index fa58e1d..a05b772 100644
--- a/rannak/mangud/direktor/kone/style.css
+++ b/rannak/mangud/direktor/kone/style.css
@@ -92,4 +92,5 @@ button:disabled{
     background-color: #43464b;
     border: none;
     text-align: left;
+    word-wrap: break-word;
 }
diff --git a/rannak/mangud/direktor/loosung/index.html b/rannak/mangud/direktor/loosung/index.html
index aff0e19..f032d79 100644
--- a/rannak/mangud/direktor/loosung/index.html
+++ b/rannak/mangud/direktor/loosung/index.html
@@ -17,9 +17,7 @@
 	  <h1>Loosung</h1>
 
 	  <p>
-        Loe ja uuri alltoodud sündmuste kohta ning vali neist siis üks
-        <br>
-        ja koosta selle kohta loosung.
+        Vali üks oluline sündmus ja koosta loosung!	
       </p>
 
 	  <div class="text-center">
@@ -106,30 +104,32 @@
 
 
         <div class="info">
-            <h4>Loe sündmustest Lähemalt ning vali siis üks:</h4>
+            <h4>Loe sündmustest Lähemalt siin:</h4>
             <div class="innerWrapper">
                 <div>
                     <input type="radio" id="sundmus" name="sundmuseValik" value="hirvepark">
-                    <a href="https://et.wikipedia.org/wiki/Hirvepargi_miiting" target="_blank">Hirvepargi miiting</a>
+                    <a href="https://et.wikipedia.org/wiki/Hirvepargi_miiting" target="_blank">Hirvepargi miiting 1987</a>
                 </div>
+
                 <div>
-                    <input type="radio" id="sundmus" name="sundmuseValik" value="ratas">
-                    <a href="https://et.wikipedia.org/wiki/Roheliste_rattaretk" target="_blank">Roheliste rattaretk</a>
+                    <input type="radio" id="sundmus" name="sundmuseValik" value="muinsus">
+                    <a href="https://et.wikipedia.org/wiki/Tartu_muinsuskaitsep%C3%A4evad" target="_blank">Tartu muinsuskaitsepäevad 1988</a>
                 </div>
+
                 <div>
-                    <input type="radio" id="sundmus" name="sundmuseValik" value="muinsus">
-                    <a href="https://et.wikipedia.org/wiki/Tartu_muinsuskaitsep%C3%A4evad" target="_blank">Tartu muinsuskaitsepäevad</a>
+                    <input type="radio" id="sundmus" name="sundmuseValik" value="ratas">
+                    <a href="https://et.wikipedia.org/wiki/Roheliste_rattaretk" target="_blank">Roheliste rattaretk 1988</a>
                 </div>
 
                 <div>
                     
                     <input type="radio" id="sundmus" name="sundmuseValik" value="laulupidu">
-                    <a href="https://et.wikipedia.org/wiki/%C3%96%C3%B6laulupidu" target="_blank">Öölaulupidu</a>
+                    <a href="https://et.wikipedia.org/wiki/%C3%96%C3%B6laulupidu" target="_blank">Öölaulupidu 1988</a>
                 </div>
 
                 <div>
                     <input type="radio" id="sundmus" name="sundmuseValik" value="baltikett">
-                    <a href="https://et.wikipedia.org/wiki/Balti_kett" target="_blank">Balti kett</a>
+                    <a href="https://et.wikipedia.org/wiki/Balti_kett" target="_blank">Balti kett 1989</a>
                 </div>
 
                 <div>
diff --git a/rannak/mangud/direktor/loosung/pildid/avatar.png b/rannak/mangud/direktor/loosung/pildid/avatar.png
index 94d7a31..7b13556 100644
Binary files a/rannak/mangud/direktor/loosung/pildid/avatar.png and b/rannak/mangud/direktor/loosung/pildid/avatar.png differ
diff --git a/rannak/mangud/direktor/loosung/script.js b/rannak/mangud/direktor/loosung/script.js
index 191d743..576ad4d 100644
--- a/rannak/mangud/direktor/loosung/script.js
+++ b/rannak/mangud/direktor/loosung/script.js
@@ -98,14 +98,30 @@ document.querySelector("#loosung").addEventListener("input", () => {CheckIfAllGo
 
 
 
+// BulletPoints eventListener
+bulletBtns = document.querySelectorAll("#sundmus");
+bulletBtns.forEach(element => {
+   element.addEventListener('change', () => CheckIfAllGood());
+});
+
+
+
+
+
+
 
-// Funcs //
+
+
+
+
+
+
+// Other Funcs //
 
 function CheckIfAllGood(){
     //let radioBtn = document.querySelector("input[name='sundmuseValik']:checked");
     let loosung = document.querySelector("#loosung");
 
-
     if (document.querySelector("input[name='sundmuseValik']:checked") != null &&
     changedArr.length >= 3 && loosung.innerHTML != "Muuda loosung enda omaks!"){
         moveOnEnable();
@@ -119,6 +135,6 @@ function CheckIfAllGood(){
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    btn.onclick = () => location.href = "../kone";
 }
 
diff --git a/rannak/mangud/index.html b/rannak/mangud/index.html
index 908b763..1710f75 100644
--- a/rannak/mangud/index.html
+++ b/rannak/mangud/index.html
@@ -19,8 +19,8 @@
       <h3>Kaitseliitlane</h3>
 	  <ol>
 		<li><a href="kaitseliitlane/sundmused">Sündmused</a></li>
-		<li><a href="kaitseliitlane/salakood">Salakood</a></li>
 		<li><a href="kaitseliitlane/soomusmasinad">Soomusmasinad</a></li>
+		<li><a href="kaitseliitlane/salakood">Salakood</a></li>
 	  </ol>
 	</div>
 
@@ -45,9 +45,9 @@
 	<div>
       <h3>Partorg</h3>
 	  <ol>
+        <li><a href="partorg/plakat">Plakat</a></li>
 		<li><a href="partorg/kuulsused">Kuulsused</a></li>
         <li><a href="partorg/sonaragastik">Sõnarägastik</a></li>
-		<li></li>
 	  </ol>
 	</div>
 
@@ -55,17 +55,17 @@
       <h3>Ärimees</h3>
 	  <ol>
         <li><a href="arimees/soome">Soome</a></li>
-        <li><a href="arimees/muusika">Muusika</a></li>
         <li><a href="arimees/pood">Pood</a></li>
+        <li><a href="arimees/muusika">Muusika</a></li>
 	  </ol>
 	</div>
 
 	<div>
       <h3>Direktor</h3>
 	  <ol>
-        <li><a href="direktor/kone">Kõne</a></li>
         <li><a href="direktor/baltikett">Baltikett</a></li>
         <li><a href="direktor/loosung">Loosung</a></li>
+        <li><a href="direktor/kone">Kõne</a></li>
 	  </ol>
 	</div>
 
diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html
index 798c802..e550f2f 100644
--- a/rannak/mangud/kaitseliitlane/salakood/index.html
+++ b/rannak/mangud/kaitseliitlane/salakood/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
 
-  <title>Salakood</title>
+  <title>Kodeeritud sõnum</title>
 
   <!-- Bootstrap - CSS only -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
@@ -14,10 +14,13 @@
 <body>
 
     <div class="container text-white text-center">
-	  <h1>Salakood</h1>
+	  <h1>Kodeeritud sõnum</h1>
 
 	  <p>
-        Dešifreeri sõnum valides numbri ning leides sellele sobiva tähe.
+        Sõnumi igale numbrile vastab tähestikust üks täht.
+        <br>
+        Asenda numbrid tähega ning dešifreeri sõnum.
+        Rohelisega märgitud numbrid ei muutu.
       </p>
 
 	  <div class="text-center">
@@ -85,7 +88,7 @@
             <div class="modalHeaderWrapper">
               <h2 class="modal-title" id="myModalLabel">Sissejuhatus</h2>
             </div>
-            <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/>
+            <img class="avatar" alt="avatar" src="pildid/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg
deleted file mode 100644
index 37ae271..0000000
Binary files a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.jpg and /dev/null differ
diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png
new file mode 100644
index 0000000..a8bc347
Binary files /dev/null and b/rannak/mangud/kaitseliitlane/salakood/pildid/avatar.png differ
diff --git a/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg b/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg
deleted file mode 100644
index 622516a..0000000
Binary files a/rannak/mangud/kaitseliitlane/salakood/pildid/bk.jpg and /dev/null differ
diff --git a/rannak/mangud/kaitseliitlane/salakood/script.js b/rannak/mangud/kaitseliitlane/salakood/script.js
index 3fe29b3..9d57a93 100644
--- a/rannak/mangud/kaitseliitlane/salakood/script.js
+++ b/rannak/mangud/kaitseliitlane/salakood/script.js
@@ -102,7 +102,7 @@ function kontrolliVastus(vastus){
 
         if (counter >= 90) {
             moveOnEnable();
-            message("Tubli, kõik valmis<br/>Kogu Sõnum: TORNI RÜNNATI 4.30. VALVAME SIDEKESKUST 22. KORRUSEL. ELEKTER, RAADIOSIDE OLEMAS. LIFTID ÜLEVAL. OLUKORD KRIITILINE.", "lime");
+            message("Tubli, sõnum dešifreeritud.<br/>Kogu Sõnum: TORNI RÜNNATI 4.30. VALVAME SIDEKESKUST 22. KORRUSEL. ELEKTER, RAADIOSIDE OLEMAS. LIFTID ÜLEVAL. OLUKORD KRIITILINE.", "lime");
 
             for (let node of document.querySelectorAll("td")) {
                 if (node.classList.contains("selected"))
@@ -137,8 +137,8 @@ enterSubmit()
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "#";
-
+    localStorage.setItem("roll", "Kaitseliitlase");
+    btn.onclick = () => location.href = "../../../endPage";
     // Proovi btn
 	const subButton = document.querySelector(".subBtn");
 	subButton.disabled = true;
diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css
index 13630f5..130792b 100644
--- a/rannak/mangud/kaitseliitlane/salakood/style.css
+++ b/rannak/mangud/kaitseliitlane/salakood/style.css
@@ -2,12 +2,8 @@
   box-sizing: border-box;
 }
 
-body{
-    background-color: #4D5157;
-}
-h1 {
-    color: #154734;
-}
+body{ background-color: #4D5157; }
+h1 { color: #154734; }
 
 .moveOn{
     display: inline-block;
@@ -38,7 +34,8 @@ button:disabled{
     max-width: 15rem;
 }
 
-.modalHeaderWrapper{
+#myModalLabel {
+    color: #000;
     text-align: center;
     margin: 0;
     width: 100%;
@@ -47,7 +44,7 @@ button:disabled{
 
 
 .closeModalButton {
-  border-radius: 50px;
+    border-radius: 50px;
 }
 
 .modalButton{
@@ -127,10 +124,6 @@ input {
     font-size: 1.1rem;
 }
 
-span, h6, table, h1, h2{
-    font-family:'fontUno';
-}
-
 
 h2 {
     color: white;
diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html
index 3eae230..9e44942 100644
--- a/rannak/mangud/kaitseliitlane/soomusmasinad/index.html
+++ b/rannak/mangud/kaitseliitlane/soomusmasinad/index.html
@@ -12,13 +12,12 @@
 <body class="text-white">
 
     <div class="container text-center text-white align-items-center">
-        <h1 class="pb-1 pt-2">Soomusmasinad</h1>
+        <h1 class="pb-1 pt-2">Soomusmasinate teekond</h1>
         <p>
-          Joonlauaga (vali parempoolsest rippmenüüst joonlaua ikoon
-          (vasakpoolse paneeli võid ruumi tegemiseks sulgeda))
-          saab mitme klikiga mööda joont kaugust mõõta. Selleks,
-          et saada võimalikult täpne tulemus, zoomi kaardile lähemale
-          ning liigu hiirega klõpsates mööda valitud teekonda soomusmasinate teekonnani.
+          Vali parempoolsest rippmenüüst joonlaua ikoon (vasakpoolse paneeli võid sulgeda).
+          Vahemaa mõõtmiseks märgi oma kooli asukoht kaardile ning seejärel kliki märgitud
+          teekonnale. Selleks, et saada võimalikult täpne tulemus, zoomi vastavalt
+          vajadusele kaardile lähemale või kaugemale.
         </p>
 
 		<div class="row">
@@ -47,7 +46,7 @@
             <div class="modalHeaderWrapper">
               <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
             </div>
-            <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/>
+            <img class="avatar" alt="avatar" src="pildid/avatar.png"/>
           </div>
 
           <div class="modal-body">
diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png b/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png
new file mode 100644
index 0000000..a8bc347
Binary files /dev/null and b/rannak/mangud/kaitseliitlane/soomusmasinad/pildid/avatar.png differ
diff --git a/rannak/mangud/kaitseliitlane/soomusmasinad/script.js b/rannak/mangud/kaitseliitlane/soomusmasinad/script.js
index ca18bfe..4299812 100644
--- a/rannak/mangud/kaitseliitlane/soomusmasinad/script.js
+++ b/rannak/mangud/kaitseliitlane/soomusmasinad/script.js
@@ -39,5 +39,5 @@ function allGood(){
     localStorage.setItem("roll", "Kaitseliitlase");
     localStorage.setItem("asula", asulaVal);
     localStorage.setItem("kaugus", kaugusVal);
-    btn.onclick = () => location.href = "../../../endPage";
+    btn.onclick = () => location.href = "../salakood";
 }
diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html
index 7418239..ef95bc0 100644
--- a/rannak/mangud/kaitseliitlane/sundmused/index.html
+++ b/rannak/mangud/kaitseliitlane/sundmused/index.html
@@ -3,7 +3,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=, initial-scale=1.0">
-    <title>Murrangulised Sündmused</title>
+    <title>Murrangulised sündmused</title>
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
 
@@ -13,8 +13,8 @@
 <body class="text-white">
 
     <div class="container text-center text-white align-items-center pb-5">
-        <h1 class="pb-1 pt-2">Murrangulised Sündmused</h1>
-        <p>Vii sündmus kokku pildiga.</p>
+        <h1 class="pb-1 pt-2">Murrangulised sündmused</h1>
+        <p>Ühenda sündmus pildiga.</p>
 
 		<div class="row">
 	  	  <div>
@@ -42,7 +42,7 @@
             <div class="modalHeaderWrapper">
               <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
             </div>
-            <img class="avatar" alt="avatar" src="pildid/avatar.jpg"/>
+            <img class="avatar" alt="avatar" src="pildid/avatar.png"/>
           </div>
 
           <div class="modal-body">
@@ -57,7 +57,7 @@
             ei tohi neid unustada ka 30 aasta pärast!
             <br/>
             <strong>
-              Lehtise neid fotosid ja vaata, kas oskad pildi ja allkirja kokku viia?
+              Lehtise fotosid ja vaata, kas oskad pildi ja allkirja kokku viia?
             </strong>
           </div>
 
@@ -77,7 +77,7 @@
 
 		<div class="list col startBasket text-center">
 	  	  <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead 1990</div>
-	  	  <div id="hirvepark" class="list-item" draggable="true">Hirvepark miiting 1987</div>
+	  	  <div id="hirvepark" class="list-item" draggable="true">Hirvepargi miiting 1987</div>
 	  	  <div id="EV" class="list-item" draggable="true">EV Ülemnõukogu otsus riiklikust iseseisvusest 1991</div>
 	  	  <div id="baltikett" class="list-item" draggable="true">Balti kett 1989</div>
 	  	  <div id="teletorn" class="list-item" draggable="true">Teletorni kaitsmine 1991</div>
diff --git a/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png
new file mode 100644
index 0000000..a8bc347
Binary files /dev/null and b/rannak/mangud/kaitseliitlane/sundmused/pildid/avatar.png differ
diff --git a/rannak/mangud/kaitseliitlane/sundmused/script.js b/rannak/mangud/kaitseliitlane/sundmused/script.js
index 3b92b1d..3a18674 100644
--- a/rannak/mangud/kaitseliitlane/sundmused/script.js
+++ b/rannak/mangud/kaitseliitlane/sundmused/script.js
@@ -90,7 +90,7 @@ function checkIfAllGood(){
 	if (rightDone.length == 6) {
         const btn = document.querySelector(".moveOn");
         btn.disabled = false;
-        btn.onclick = () => location.href = "";
+        btn.onclick = () => location.href = "../soomusmasinad/index.html";
 	}
 }
 
diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html
index 94f952e..1e1a997 100644
--- a/rannak/mangud/partorg/kuulsused/index.html
+++ b/rannak/mangud/partorg/kuulsused/index.html
@@ -3,7 +3,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Olulised Isikud</title>
+    <title>Olulised isikud</title>
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
 
@@ -13,8 +13,8 @@
 <body class="text-white">
 
     <div class="container text-center text-white align-items-center pb-5">
-        <h1 class="pb-1 pt-2">Olulised Isikud</h1>
-        <p>Vii kokku inimese nimi ja nägu.</p>
+        <h1 class="pb-1 pt-2">Olulised isikud</h1>
+        <p>Ühenda nimi ja nägu.</p>
 
 		<div class="row">
 	  	  <div>
diff --git a/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg
index 9c592f3..1eff647 100644
Binary files a/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg and b/rannak/mangud/partorg/kuulsused/pildid/kogan.jpg differ
diff --git a/rannak/mangud/partorg/kuulsused/script.js b/rannak/mangud/partorg/kuulsused/script.js
index 1ab5cef..beb04d6 100644
--- a/rannak/mangud/partorg/kuulsused/script.js
+++ b/rannak/mangud/partorg/kuulsused/script.js
@@ -119,7 +119,7 @@ function checkIfAllGood(){
 	if (rightDone.length == 6) {
         const btn = document.querySelector(".moveOn");
         btn.disabled = false;
-        btn.onclick = () => location.href = "../plakat";
+        btn.onclick = () => location.href = "../sonaragastik";
 	}
 }
 
diff --git a/rannak/mangud/partorg/plakat/index.html b/rannak/mangud/partorg/plakat/index.html
index 0ac5e90..9dc2bac 100644
--- a/rannak/mangud/partorg/plakat/index.html
+++ b/rannak/mangud/partorg/plakat/index.html
@@ -15,9 +15,7 @@
     <div class="container text-center text-white align-items-center pb-5">
         <h1>Plakatid</h1>
         <p>
-        Leia iga plakati õige ajastu, ning muuda ka plakati teksti.
-        <br>
-        NB: Uut loosungit saad lisada pärast seda, kui oled valinud õige ajastu.
+        Plakati kujundamiseks määra esmalt õige ajastu ning seejärel kirjuta uus loosung
         </p>
 
 		<div class="row">
@@ -76,19 +74,19 @@
           <div class="nav nav-tabs" id="nav-tab" role="tablist">
     
             <button class="nav-link active" id="nav-60ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-60ndad" type="button" role="tab" aria-controls="nav-60ndad" aria-selected="true">
-              Stalin
+              1
             </button>
     
             <button class="nav-link" id="nav-70ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-70ndad" type="button" role="tab" aria-controls="nav-70ndad" aria-selected="false">
-              Veekogud
+              2
             </button>
 
             <button class="nav-link" id="nav-90ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-90ndad" type="button" role="tab" aria-controls="nav-90ndad" aria-selected="false">
-              Viisaastak
+              3
             </button>
     
             <button class="nav-link" id="nav-80ndad-tab" data-bs-toggle="tab" data-bs-target="#nav-80ndad" type="button" role="tab" aria-controls="nav-80ndad" aria-selected="false">
-              Malev
+              4
             </button>
 
 
diff --git a/rannak/mangud/partorg/plakat/script.js b/rannak/mangud/partorg/plakat/script.js
index 7ec4b7e..7b19edd 100644
--- a/rannak/mangud/partorg/plakat/script.js
+++ b/rannak/mangud/partorg/plakat/script.js
@@ -315,5 +315,5 @@ parem.forEach(el => {
 function checkIfAllGood(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+        btn.onclick = () => location.href = "../kuulsused";
 }
diff --git a/rannak/mangud/partorg/plakat/styles.css b/rannak/mangud/partorg/plakat/styles.css
index b2405f9..bc7ee44 100644
--- a/rannak/mangud/partorg/plakat/styles.css
+++ b/rannak/mangud/partorg/plakat/styles.css
@@ -2,7 +2,7 @@
 	box-sizing: border-box;
 }
 h1 {
-    color: #154734;
+    color: #a1000e;
     font-weight: bold;
 }
 body{
@@ -161,7 +161,6 @@ input:disabled{
 .stalin {
     background: url("img/stalin.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -170,7 +169,6 @@ input:disabled{
 .veekogud {
     background: url("img/veekogud.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -179,7 +177,6 @@ input:disabled{
 .malev {
     background: url("img/malev.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -188,7 +185,6 @@ input:disabled{
 .viisAastak {
     background: url("img/viisAastak.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -199,6 +195,7 @@ input:disabled{
 
 .addedText, .oldAddedText {
     position: absolute;
+    font-size: 1.5rem;
 }
 
 
diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html
index f955058..039f79b 100644
--- a/rannak/mangud/partorg/sonaragastik/index.html
+++ b/rannak/mangud/partorg/sonaragastik/index.html
@@ -16,7 +16,8 @@
 	  <h1>Sõnarägastik</h1>
 	  <p>Lahenda sõnarägastik, leia üles kõik 10 sõna
         <br/>
-        Peale iga sõna leidmist vajuta <strong>"proovi"</strong>.
+        Peale iga sõna leidmist vajuta <strong>"proovi"</strong>
+        , et see nimekirjas lahendatuna ära märkida.
       </p>
 
 
diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js
index 2e6ffb4..e137e37 100644
--- a/rannak/mangud/partorg/sonaragastik/script.js
+++ b/rannak/mangud/partorg/sonaragastik/script.js
@@ -4,6 +4,11 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 
 
+// Vars
+curZindex = 1;
+
+
+
 function randomLetters(){
     for (let node of document.querySelectorAll("td")) {
         if (node.textContent != "") continue;
@@ -84,10 +89,12 @@ function proovi(){
             //console.log("hetkeKlass: ",hetkeKlass);
 
             for (let el of dones){
-                if (horisontaalis.includes(hetkeKlass))
+                if (horisontaalis.includes(hetkeKlass)){
                     el.classList.add("doneH");
-                else
+                }
+                else{
                     el.classList.add("doneV");
+                }
             }
 
             //console.log(document.querySelector(".V"+hetkeKlass).classList);
diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
index 4b003d9..7b896aa 100644
--- a/rannak/mangud/partorg/sonaragastik/style.css
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -96,11 +96,12 @@ button:disabled{
 
 /* Adding classes */
 .selected {
-    background-color: #ECAC76;
+    background-color: #ECAC76 !important;
 }
 
 .doneV{
-    background-color: #284F8F;
+    /*background-color: #284F8F;*/
+    background-color: #C5E17A;
 }
 
 .doneH{
diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html
index 4823f03..8b2cd6f 100644
--- a/rannak/mangud/perenaine/kuulamine/index.html
+++ b/rannak/mangud/perenaine/kuulamine/index.html
@@ -17,7 +17,7 @@
 	  <h1>Kuulamine</h1>
 
 	  <p>
-        Kuula helifaili ja/või loe teksti ning vasta allolevatele küsimustele. 
+        Kuula helifaili ja/või loe teksti ning täida tabel!
       </p>
 
 	  <div class="text-center">
@@ -165,7 +165,7 @@
 
       <div class="tableWrapper">
         <h3 class="minuPlaan">MINU SUKKPÜKSTE HANKIMISE PLAAN:</h3>
-        <p>NB: Sisesta vastused õigetes käänetes. Kui veerg on korrektne, muutub see roheliseks.</p>
+        <p>NB: Sisesta vastused nimetavas käänetes. Kui veerg on korrektne, muutub see roheliseks.</p>
 
 
         <table class="table table-dark table-striped">
diff --git a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png
index 60987d3..41c1bb9 100644
Binary files a/rannak/mangud/perenaine/kuulamine/pildid/avatar.png and b/rannak/mangud/perenaine/kuulamine/pildid/avatar.png differ
diff --git a/rannak/mangud/perenaine/memori/img/avatar.png b/rannak/mangud/perenaine/memori/img/avatar.png
index 60987d3..41c1bb9 100644
Binary files a/rannak/mangud/perenaine/memori/img/avatar.png and b/rannak/mangud/perenaine/memori/img/avatar.png differ
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index ea507dd..30970c2 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
 
-  <title>Talongimemori</title>
+  <title>Talongimemory</title>
   <!-- Bootstrap - CSS only -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
 
@@ -13,7 +13,7 @@
 
   <div class="left">
 	<div class="left-text">
-	  <h1>Talongimemori</h1>
+	  <h1>Talongimemory</h1>
 	  <p>Mängu läbimiseks leia üles kõik kümme talongipaari</p>
 	</div>
 
@@ -43,7 +43,7 @@
           No on alles aeg! Poelettidel valitseb selline tühjus, et tikutoosigi pole osta! <br/>
           Talongimajandus leevendab olukorda niipalju, et nüüd on vähemalt VÕIMALUS midagi saada! Sest ega talong ju kaupa poes ei kindlusta. Kui kell 16 tööl lõpetan, lähen kohe järjekorda. <br/>
           Kell 17 pannakse kaup välja. Kunagi ei tea, kas õnnestub midagi saada või lõpeb kaup enne otsa. <br/> <br/>
-          Talongide peal on kogu esmatarbe kaup: <br/>
+          Talongide peal on esmatarbe kaup: <br/>
           <strong>või, nisujahu, tangained, makaronitooted, sool, suhkur, alkohol, tuletikud, wc paber, pesupulber. Nii tore oleks, kui saaks neid kõiki topelt! Talongimemoiin aitab!</strong>
 
 
diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js
index 8d74ec9..332e98b 100644
--- a/rannak/mangud/perenaine/memori/script.js
+++ b/rannak/mangud/perenaine/memori/script.js
@@ -76,5 +76,5 @@ cards.forEach(card => card.addEventListener('click', flipCard));
 function moveOnEnable(){
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    btn.onclick = () => location.href = "../kuulamine";
 }
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index 0200a88..99b7721 100644
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -201,7 +201,7 @@
 	  </tr>
 
       <!-- Viies Rida-->
-	  <tr>
+	  <tr class="enneVastust">
 		<td></td>
 		<td class="kurk"><span>R</span></td>
 		<td class="majonees"><span>M</span></td>
@@ -219,7 +219,7 @@
 
       <!-- Kuues Rida-->
 	  <tr class="vastus">
-		<td>&rarr;</span></td>
+		<td><span>&rarr;</span></td>
 		<td class="kurk"><span>K</span></td>
 		<td class="majonees"><span>A</span></td>
 		<td class="porgand"><span>R</span></td>
diff --git a/rannak/mangud/perenaine/ristsona/pildid/avatar.png b/rannak/mangud/perenaine/ristsona/pildid/avatar.png
index 60987d3..41c1bb9 100644
Binary files a/rannak/mangud/perenaine/ristsona/pildid/avatar.png and b/rannak/mangud/perenaine/ristsona/pildid/avatar.png differ
diff --git a/rannak/mangud/perenaine/ristsona/script.js b/rannak/mangud/perenaine/ristsona/script.js
index a76eda3..1416897 100644
--- a/rannak/mangud/perenaine/ristsona/script.js
+++ b/rannak/mangud/perenaine/ristsona/script.js
@@ -206,7 +206,8 @@ function moveOnEnable(){
 
     const btn = document.querySelector(".moveOn");
     btn.disabled = false;
-    btn.onclick = () => location.href = "";
+    localStorage.setItem("roll", "Perenaise");
+    btn.onclick = () => location.href = "../../../endPage";
 
     // Retsept
     const middlePart = document.querySelector("table");
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index dea1b5e..72a9bad 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -146,6 +146,10 @@ td {
 	border: 5px solid lime;
 }
 
+.enneVastust td{
+	border-bottom: 5px solid lime;
+}
+
 .kurk, .majonees, .vorst,
 .porgand, .õun, .sool, .pipar, .hernes,
 .muna, .sibul, .hapukoor, .kartul {
diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html
index 1f7244d..a55c8fe 100644
--- a/rannak/mangud/uliopilane/ajatelg/index.html
+++ b/rannak/mangud/uliopilane/ajatelg/index.html
@@ -16,7 +16,7 @@
 
     <div class="text-center text-white align-items-center pealkiri">
         <h1 class="pb-1 pt-2">Ajatelg</h1>
-        <p>Pane sündumsed ajateljel õigsse järjekorda</p>
+        <p>Pane sündumsed ajateljel õigesse järjekorda</p>
 
 		<div class="row">
 	  	  <div>
@@ -74,7 +74,7 @@
 	  	  <div id="iseseisvus" class="list-item" draggable="true">Ülemnõukogu otsus Eesti riiklikust iseseisvusest</div>
 	  	  <div id="kett" class="list-item" draggable="true">Balti kett Tallinnast Vilniuseni</div>
 	  	  <div id="august" class="list-item" draggable="true">Augustiputš</div>
-	  	  <div id="lipp" class="list-item" draggable="true">Eesti lipp taas pika Hermani tornis</div>
+	  	  <div id="lipp" class="list-item" draggable="true">Eesti lipp taas Pika Hermanni tornis</div>
 	  	  <div id="muinsuskaitse" class="list-item" draggable="true">Tartu muinsuskaitsepäevad</div>
 	  	  <div id="fosforiit" class="list-item" draggable="true">Fosforiidisõda</div>
 	  	  <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead</div>
diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html
index 2d8bb52..13049f8 100644
--- a/rannak/mangud/uliopilane/tSark/index.html
+++ b/rannak/mangud/uliopilane/tSark/index.html
@@ -67,13 +67,14 @@
 
       <div class="side">
 
-          <h1>T-särgi Kujundamine</h1>
+          <h1>T-särgi kujundamine</h1>
 	      <p>
-            Kujunda enda T-särk. Edasi liikumiseks peab olema
-            kasutatud kõik kujundamise võimalused. Kui arvad, et särk on valmis,
-            siis kontorlli nupuga, kas särk on valmis".
+            Kujunda enda T-särk. Edasi liikumiseks tuleb
+            ära kasutada kõik kujundamise võimalused.
+            Kui arvad, et särk on valmis, siis
+            vajuta „Kontrolli, kas särk valmis“.
             <br/>
-            Pilti võid otsida veebist või valida ka oma arvutist.
+            Pildi võid otsida veebist või valida ka oma arvutist.
 
             <br/> <br/>
             <span class="kuiEiLeiaTeksti">Kui sa ei leia teksti, siis tõenöoliselt on see pildi all :)</span>
diff --git a/rannak/mangud/uliopilane/tSark/main.js b/rannak/mangud/uliopilane/tSark/main.js
index a91fbec..e854bcd 100644
--- a/rannak/mangud/uliopilane/tSark/main.js
+++ b/rannak/mangud/uliopilane/tSark/main.js
@@ -450,7 +450,7 @@ const chkBtn = document.querySelector(".checkMoveOn");
 
 chkBtn.addEventListener("click", (e) => {
     if (stuffDone.length >= 3){
-        message("Korras! Soovi korral tee screenshot (Win+Shift+S)", "#4BB543");
+        message("Korras! Soovi korral tee screenshot (Win+Shift+S/Cmd+Shift+4)", "#4BB543");
         moveOnEnable();
     }
     else
diff --git a/rannak/mangud/uliopilane/utlused/index.html b/rannak/mangud/uliopilane/utlused/index.html
index 9eefd7b..c411057 100644
--- a/rannak/mangud/uliopilane/utlused/index.html
+++ b/rannak/mangud/uliopilane/utlused/index.html
@@ -99,25 +99,22 @@
   <div class="container">
 
     <div class="row">
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään (A. Mattiiseni laul 1988)"</span></div>
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii" (Eestimaa Laul 11.09.1988)</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään!"(A. Mattiiseni laul 1988)</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii!"(Eestimaa Laul 11.09.1988)</span></div>
     </div>			  
 			  
     <div class="row">		  
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse! (15.05.1990)"</span></div>
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega" (ans. Justamendi laul 1987)</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse!"(15.05.1990)</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega"(ans. Justamendi laul 1987)</span></div>
     </div>
 
     <div class="row">
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!" (15.05.1990)</span></div>
-      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad (15.05.1990)"</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!"(15.05.1990)</span></div>
+      <div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad."(15.05.1990)</span></div>
     </div>
 
   </div> 
 
-
-  </div>  
-
   <script src="main.js"></script>
 
 
diff --git a/rannak/rolliValik/index.html b/rannak/rolliValik/index.html
index 509e296..ef7f284 100644
--- a/rannak/rolliValik/index.html
+++ b/rannak/rolliValik/index.html
@@ -35,11 +35,14 @@
 
         <div class="col">
           <div class="card h-100">
-            <img src="pildid/kaitseliitlane.jpg" class="card-img-top" alt="Kaitseliitlase Pilt">
+            <img src="pildid/kaitseliitlane.png" class="card-img-top" alt="Kaitseliitlase Pilt">
             <div class="card-body">
               <h5 class="card-title"><strong>Kaitseliitlane</strong></h5>
-              <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi autem voluptatibus aliquid, praesentium, vel aut consequatur expedita laudantium ducimus, saepe laborum a consectetur quas nam?</p>
-              <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> -->
+              <p class="card-text">
+                Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis,
+                sest vanaisa ja isa olid Eesti ajal Kaitseliitlased – nagu nüüd minagi.
+              </p>
+              <a href="../mangud/kaitseliitlane/sundmused" class="btn btn-lg btn-dark">Vali!</a>
             </div>
           </div>
         </div>
@@ -54,7 +57,7 @@
                 <br/>
                 Olen sündinud väga segastel aegadel 7. novembril 1948. aastal Põltsamaa lähedal Umbusi külas. Vanemad olid kooliõpetajad Põltsamaal, vanavanemad aga talupidajad.
               </p>
-              <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> -->
+              <a href="../mangud/direktor/baltikett" class="btn btn-lg btn-dark">Vali!</a>
             </div>
           </div>
         </div>
@@ -67,7 +70,7 @@
               <h5 class="card-title"><strong>Partorg</strong></h5>
               <br/>
               <p class="card-text">Olen sündinud Nõukogude Liidus 1933. aastal ning Suure Isamaasõja keerises sattusin 11- aastasena koos vanematega oma esiisade maale, Eesti NSVsse.</p>
-              <a href="../mangud/partorg/kuulsused" class="btn btn-lg btn-dark">Vali!</a>
+              <a href="../mangud/partorg/plakat" class="btn btn-lg btn-dark">Vali!</a>
             </div>
           </div>
         </div>
@@ -80,7 +83,7 @@
               <h5 class="card-title"><strong>Perenaine</strong></h5>
               <br/>
               <p class="card-text">Olen tüüpiline tänapäeva naine – päeval tööl, õhtul kodus. Abielus, kaks last. Igapäevaelu nõuab päris suuri oskusi, et ära elada.</p>
-              <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> -->
+              <a href="../mangud/perenaine/memori" class="btn btn-lg btn-dark">Vali!</a> 
             </div>
           </div>
         </div>
@@ -88,11 +91,15 @@
 
         <div class="col">
           <div class="card h-100">
-            <img src="pildid/arimees.jpg" class="card-img-top" alt="Ärimehe Pilt">
+            <img src="pildid/arimees.png" class="card-img-top" alt="Ärimehe Pilt">
             <div class="card-body">
               <h5 class="card-title"><strong>Ärimees</strong></h5>
-              <p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rem eveniet aut excepturi cupiditate explicabo quasi, quam, pariatur qui nemo deserunt aspernatur! Nostrum consequatur molestiae quasi.</p>
-              <!--<a href="#" class="btn btn-lg btn-dark">Vali!</a> -->
+              <p class="card-text">
+                Olen Toivo, omadele Toits. Olen eluaeg Tallinnas elanud.
+                <br>
+                Juba poisikesena hakkasin ma väikestviisi äri ajama 
+              </p>
+              <a href="../mangud/arimees/soome" class="btn btn-lg btn-dark">Vali!</a>
             </div>
           </div>
         </div>
diff --git a/rannak/rolliValik/pildid/arimees.png b/rannak/rolliValik/pildid/arimees.png
new file mode 100644
index 0000000..0b90375
Binary files /dev/null and b/rannak/rolliValik/pildid/arimees.png differ
diff --git a/rannak/rolliValik/pildid/direktor.png b/rannak/rolliValik/pildid/direktor.png
index 94d7a31..7b13556 100644
Binary files a/rannak/rolliValik/pildid/direktor.png and b/rannak/rolliValik/pildid/direktor.png differ
diff --git a/rannak/rolliValik/pildid/kaitseliitlane.png b/rannak/rolliValik/pildid/kaitseliitlane.png
new file mode 100644
index 0000000..522d016
Binary files /dev/null and b/rannak/rolliValik/pildid/kaitseliitlane.png differ
diff --git a/rannak/rolliValik/pildid/perenaine.png b/rannak/rolliValik/pildid/perenaine.png
index 60987d3..41c1bb9 100644
Binary files a/rannak/rolliValik/pildid/perenaine.png and b/rannak/rolliValik/pildid/perenaine.png differ
diff --git a/rannak/rolliValik/pildid/tmp/arimees.jpg b/rannak/rolliValik/pildid/tmp/arimees.jpg
deleted file mode 100644
index 3cb21cf..0000000
Binary files a/rannak/rolliValik/pildid/tmp/arimees.jpg and /dev/null differ
diff --git a/rannak/rolliValik/pildid/tmp/direktor.jpg b/rannak/rolliValik/pildid/tmp/direktor.jpg
deleted file mode 100644
index 74f2cf5..0000000
Binary files a/rannak/rolliValik/pildid/tmp/direktor.jpg and /dev/null differ
diff --git a/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg b/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg
deleted file mode 100644
index 37ae271..0000000
Binary files a/rannak/rolliValik/pildid/tmp/kaitseliitlane.jpg and /dev/null differ
diff --git a/rannak/rolliValik/pildid/tmp/partorg.jpg b/rannak/rolliValik/pildid/tmp/partorg.jpg
deleted file mode 100644
index 2df392c..0000000
Binary files a/rannak/rolliValik/pildid/tmp/partorg.jpg and /dev/null differ
diff --git a/rannak/rolliValik/pildid/tmp/perenaine.jpg b/rannak/rolliValik/pildid/tmp/perenaine.jpg
deleted file mode 100644
index 94c5b54..0000000
Binary files a/rannak/rolliValik/pildid/tmp/perenaine.jpg and /dev/null differ
diff --git a/rannak/rolliValik/pildid/tmp/uliopilane.jpg b/rannak/rolliValik/pildid/tmp/uliopilane.jpg
deleted file mode 100644
index 7e42755..0000000
Binary files a/rannak/rolliValik/pildid/tmp/uliopilane.jpg and /dev/null differ
diff --git a/styles.css b/styles.css
index 11a7543..d7328b6 100644
--- a/styles.css
+++ b/styles.css
@@ -1,22 +1,92 @@
-/* Main */
-:root {
-    /*--clr-neon: hsl(317 100% 54%);*/
-    --clr-neon: hsl(189 100% 51%);
-    --clr-bg: hsl(323 21% 16%);
-  }
-  
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
+*{ box-sizing: border-box; }
 
 body {
   min-height: 100vh !important;
-  background: var(--clr-bg);
-  font-family: 'Cormorant SC', serif !important;
+  background-color: #43464b;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+
+
+
+/* NavBar */
+.navbar{
+    margin: 1.2rem;
+    margin-top: 0;
+    border-bottom: 2px solid white;
+}
+
+.navbar span{
+    font-weight: bold;
+    color: white;
+}
+
+.navbar a:hover{
+    color: snow;
+    font-weight: bolder;
+}
+.navbar a{ color: white; }
+
+
+
+/* Background image */
+.rannakuNupp{
+    margin: .5% 1%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 85%;
+    border-radius: 10px;
+    width: auto;
+    background-color: #90949b;
+    background-image: url('img/rahvas.jpg');
+    background-size: cover;
+    background-blend-mode: multiply;
+}
+
+
+
+
+/* Button */
+.mainBtn{
+    color: #fff;
+    font-weight: 777;
+    font-size: 1.5rem;
+    letter-spacing: .1rem;
+    text-decoration: none; 
+    text-transform: uppercase;
+    padding: 10px 30px;
+    transition: .5s;
+}
+
+.mainBtn:hover{
+    color: #32311e;
+    letter-spacing: .25rem;
+    background: #fef899;
+    font-weight: 888;
+
+}
+
+
+/* juhend */
+.juhendUpper{
+    color: white;
+    text-align: center;
+    margin: 4rem;
+    margin-bottom: 0;
+}
+
+
+/* Accordion */
+.accordion-item, .accordion-header, .accordion-button{
+  background-color: transparent !important;
+  border: none !important;
+  text-decoration: none !important;
 }
 
+
+
+
 /* Media Queries*/
 @media only screen and (max-width: 1080px) {
   #intro{
@@ -48,85 +118,3 @@ body {
     height: 100vh !important;
   }
 }
-
-
-
-/* Starting button */
-.rannakuNupp{
-  height: 80vh;
-}
-  
-.neon-button-wrapper {
-  display: grid;
-  place-items: center;
-  font-family: "Balsamiq Sans", cursive;
-  color: var(--clr-neon);
-}
-.neon-button {
-  font-size: 3rem;
-
-  display: inline-block;
-  cursor: pointer;
-  text-decoration: none;
-  color: var(--clr-neon);
-  border: var(--clr-neon) 0.125em solid;
-  padding: 0.25em 1em;
-  border-radius: 0.25em;
-
-  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
-
-  box-shadow: inset 0 0 0.5em 0 var(--clr-neon), 0 0 0.5em 0 var(--clr-neon);
-
-  position: relative;
-}
-
-.neon-button::before {
-  pointer-events: none;
-  content: "";
-  position: absolute;
-  background: var(--clr-neon);
-  top: 120%;
-  left: 0;
-  width: 100%;
-  height: 100%;
-
-  transform: perspective(1em) rotateX(40deg) scale(1, 0.35);
-  filter: blur(1em);
-  opacity: 0.7;
-}
-
-.neon-button::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  box-shadow: 0 0 2em 0.5em var(--clr-neon);
-  opacity: 0;
-  background-color: var(--clr-neon);
-  z-index: -1;
-  transition: opacity 100ms linear;
-}
-
-.neon-button:hover,
-.neon-button:focus {
-  color: var(--clr-bg);
-  text-shadow: none;
-}
-
-.neon-button:hover::before,
-.neon-button:focus::before {
-  opacity: 1;
-}
-.neon-button:hover::after,
-.neon-button:focus::after {
-  opacity: 1;
-}
-
-/* Accordion */
-.accordion-item, .accordion-header, .accordion-button{
-  background-color: transparent !important;
-  border: none !important;
-  text-decoration: none !important;
-}
\ No newline at end of file
-- 
cgit v1.2.3