code added

styles/base/_base.scss

@@ -6,14 +6,14 @@
     box-sizing: inherit;
 }
 
-html {
-   font-size: 100%;
-}
+// html {  
+//     font-size: 62.5%;
+// }
 
 body {
     box-sizing: border-box;
-  
-
+    // font-size: 62.5%;
+    overflow-x: hidden;
     @include respond(tab-port) {
         padding: 0;
     }

styles/base/_utilities.scss

@@ -4,6 +4,14 @@
   background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%);
 }
 
+.text-green-Awni{
+  color: #0A886A;
+}
+
+.orbitron_font{
+  font-family: 'Orbitron', sans-serif;
+}
+
 // font size
 .font-3 {
   font-size: 3rem;
@@ -24,15 +32,21 @@
   font-size: 2.2rem;
 }
 
+.font-2_7{
+  font-size: 2.7rem;
+}
+
+
+.font_4{
+  font-size: 4rem;
+}
 
 
 .subtitle_1 {
   font-size: 1.5rem;
 }
 
-.gap-1 {
-  gap: 0.7rem;
-}
+
 
 .banner_heading_4 {
   font-size: 3rem;
@@ -55,10 +69,44 @@
 
 // heights
 
+.h-10{
+  height: 10%;
+}
+
+.h-15{
+  height: 15%;
+}
+
+.h-20{
+  height: 20%;
+}
+
+.h-30{
+  height: 30%;
+}
+
+.h-33{
+  height: 33%;
+}
+.h-34{
+  height: 34%;
+}
+.h-35{
+  height: 35%;
+}
+
+.h-40{
+  height: 40%;
+}
+
 .vh_60{
   height: 60vh;
 }
 
+.vh-70{
+  height: 70vh;
+}
+
 .vh-77{
   height: 77vh;
 }
@@ -71,6 +119,10 @@
   height: 15vh;
 }
 
+.h-700p{
+  height: 700px;
+}
+
 
 // font weight
 
@@ -89,3 +141,18 @@
 
 
 
+// gap
+
+.gap-1 {
+  gap: 0.7rem;
+}
+
+.gap-2{
+  gap:2rem
+}
+
+// border-radius
+
+.br-1{
+  border-radius: 1rem;
+}