initial commit

components/hero-section.css

@@ -0,0 +1,28 @@
+
+
+.hero-main {
+    width: 100%;
+    height: 400px;
+}
+
+.hero-left {
+    width: 50%;
+}
+
+.hero-right {
+    width: 50%;
+    padding-left: 20px;
+}
+
+.hero-picture {
+    border-radius: 20px;
+    position: absolute;
+    width: 20%;
+}
+
+@media (max-width: 750px) {
+    .hero-right {
+        width: 100%;
+        padding-top: 20px;
+    }
+}