AdvancedCSS2023
diff --git a/‎styling/colors.css
+1 b/‎styling/colors.css
+1
diff --git a/‎styling/colors.css.map
+1 b/‎styling/colors.css.map
+1
diff --git a/‎styling/colors.scss
+2 b/‎styling/colors.scss
+2
diff --git a/‎styling/styling.css
+2-3 b/‎styling/styling.css
+2-3
diff --git a/‎styling/styling.css.map
+1-1 b/‎styling/styling.css.map
+1-1
diff --git a/‎styling/styling.scss
+4-4 b/‎styling/styling.scss
+4-4
@@ -0,0 +1,2 @@
+
+$sky-color-blue: #a8c0ff;
@@ -1,5 +1,6 @@
 @import "animations";
 @import "mediaqueries";
+@import "colors";
 
 
 
@@ -216,8 +217,7 @@ span {
 #scene1 {
   margin: 0;
   height: 2000vh;
-  background: #a8c0ff;
-  border: solid red;
+  background: $sky-color-blue;
 }
 
 /* Plasser ground nederst i sky og add pin fra top scene 1 til bottom */
@@ -613,7 +613,7 @@ button:hover {
 .scene3 {
   height: 100vh;
   width: 100%;
-  background: skyblue;
+ background: $sky-color-blue;
   position: relative;
 }
 
@@ -652,7 +652,7 @@ button:hover {
 .scene5 {
   height: 100vh;
   width: 100%;
-  background: skyblue;
+  background:$sky-color-blue;
   z-index: -1000;
 } /*# sourceMappingURL=styling.css.map */