anwi

scss/_functions.scss

@@ -0,0 +1,15 @@
+// Set Text Color
+@function set-text-color($color) {
+  @if (lightness($color) > 50) {
+    @return #000;
+  } @else {
+    @return #fff;
+  }
+}
+
+// Transform mixin
+@mixin transform($property) {
+  --webkit-transform: $property;
+  -ms-transform: $property;
+  transform: $property;
+}

scss/_variables.scss

@@ -0,0 +1,5 @@
+$primary-color: steelblue;
+$secondary-color: skyblue;
+$light-color: #f4f4f4;
+$dark-color: #333;
+$font-stack: Arial, Helvetica, sans-serif;

scss/main.scss

@@ -0,0 +1,26 @@
+@import 'variables';
+@import 'functions';
+
+*,::before,::after{
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  
+}
+
+html{
+  font-size: 16px;
+}
+
+.bg-green{
+  background-color:#3BB78F;
+  background: linear-gradient(90deg, #3BB78F 0%, rgba(11,171,100,1) 35%, rgba(59,183,143,1) 100%);
+}
+
+.banner_heading_4{
+  font-size: 4rem;
+}
+
+.subtitle_1{
+  font-size: 1rem;
+}