1 files changed, 84 insertions, 96 deletions

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