huddle landing page: css

Author: hgoo150925

style.css

@@ -0,0 +1,55 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+/* font-family: 'Poppins', sans-serif; */
+/* font-family: 'Open Sans', sans-serif; */
+body {
+  background-image: url('/images/bg-desktop.svg');
+  background-repeat: no-repeat;
+  background-color: hsl(257, 40%, 49%);
+  color: #fff;
+}
+
+.container {
+  /* border: 2px solid brown; */
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  margin: 0 auto;
+  /* margin-top: 50px; */
+}
+.header img {
+  width: 150px;
+}
+.header-img img {
+  width: 640px;
+  margin-top: 70px;
+}
+.el--2 h1 {
+  font-family: 'Poppins', sans-serif;
+}
+.el--2 p {
+  font-family: 'Open Sans', sans-serif;
+}
+.el--1 {
+  padding: 40px;
+  margin-left: 10px;
+  /* margin-top: 50px; */
+}
+.el--2 {
+  /* border: 2px solid brown; */
+  margin-top: 200px;
+  width: 500px;
+}
+.el--2 p {
+  margin-top: 20px;
+}
+.el--2 button {
+  color: hsl(257, 40%, 49%);
+  border-radius: 30px;
+  width: 150px;
+  padding: 10px;
+  margin-top: 20px;
+}