progress on new website

newVersion/css/homeStyle.css

@@ -3,7 +3,7 @@
 */
 
 body {
-    height: 300%;
+    height: 400%;
 }
 
 .step {
@@ -19,6 +19,11 @@ body {
     padding: 0;
 }
 
+.step-content {
+    width: 90%;
+    margin-left: 2.5%;
+}
+
 .reveal {
     position: fixed;
     transition: 1.5s all ease;

newVersion/css/navstyle.css

@@ -15,6 +15,7 @@
     height: 100%;
     background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.822), rgba(22, 17, 65, 0.822) 5% );
     background-size: 150vh 150vh;
+    background-position: 0px;
     position: fixed;
     display: block;
     z-index: 10;
@@ -123,7 +124,7 @@
 .navitem {
     text-decoration: none;
     text-align: center;
-    color: rgb(107, 107, 107);;
+    color: rgb(29, 69, 105);
     font-size: 1.4rem;
     width: fit-content;
     padding: 2%;
@@ -137,13 +138,13 @@
 
 .inactive:hover {
     font-size: 1.6rem;
-    color: rgb(107, 107, 107);
+    color: rgb(29, 69, 105);
     transition: 0.4s;
 }
 
 /* ~ --> all next & + --> next */
 .shaded {
-    color: rgb(107, 107, 107);
+    color: rgb(29, 69, 105);
     transition: 0.3s;
 }
 

newVersion/css/style.css

@@ -11,6 +11,15 @@ body {
     font-family: sans-serif;
 }
 
+
+::selection {
+    background-color: rgb(41, 37, 95);
+    color: white;
+    -webkit-background-clip: none;
+    background-clip: none;
+    -webkit-text-fill-color: currentColor;
+}
+
 /*
     GRADIENTS
 */
@@ -24,6 +33,14 @@ body {
 }
 
 
+/* 
+    Colours
+*/
+.white {
+    color: white;
+}
+
+
 /* 
     SIZES
 */
@@ -32,6 +49,10 @@ body {
     font-size: 500%;
 }
 
+.biggest {
+    font-size: 325%;
+}
+
 .bigger {
     font-size: 200%;
 }
@@ -42,4 +63,8 @@ body {
 
 .no-margin {
     margin: 0;
+}
+
+.half-width {
+    width: 50%;
 }