css files

css/style.css

@@ -0,0 +1,71 @@
+* {
+  margin: 0;
+  padding: 0;
+  background-color: white;
+  font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
+  font-weight: 300;
+  color: #0d00ff;
+  font-stretch: extra-expanded;
+}
+
+html {
+  height: 100%;
+
+
+}
+
+body {
+   background-color: white;
+   overflow-x: hidden;
+
+	
+
+}
+
+
+
+
+#wrapper {
+	margin: 50px;
+
+}
+
+#title {
+	font-family: "Arial";
+	font-size: 130pt;
+	line-height: 1.2em;
+	text-align: center;
+	margin-top: 170pt;
+	margin-bottom: 180pt;
+}
+
+#intro {
+	padding-top: 100px;
+
+	font-size: 70pt;
+	text-align: center;    
+	letter-spacing: -2px;
+	line-height: 1.2em;
+	padding: 0px;
+
+
+}
+
+#categories {
+	text-align: center;
+	display: block;
+
+
+}
+
+h2 {
+	
+	font-size: 50pt;
+	padding: 50px;
+}
+
+.abstract {
+	font-size: 30pt;
+	padding: 50px;
+}
+

css/style2.css

@@ -0,0 +1,121 @@
+.emerging_classes {
+  background-color: pink;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: pink;
+}
+
+.economy {
+  background-color: blue;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: blue;
+}
+
+.space {
+  background-color: green;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: green;
+}
+
+.new_media {
+  background-color: yellow;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: yellow;
+}
+
+.politics {
+  background-color: purple;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: purple;
+}
+
+.entrepreneurship {
+  background-color: grey;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: grey;
+}
+
+.labour {
+  background-color: orange;
+  width: 20%;
+  height: 10%;
+  float: left;
+  color: orange;
+}
+
+section {
+  clear: left;
+  margin-top: 10%;
+}
+
+button {
+  clear: left;
+  clear: right;
+}
+
+#white {
+  color: white;
+  border: none;
+}
+
+.btn-outline-success {
+  color: grey;
+}
+
+#politics {
+  background-color: purple ;
+  color: black;
+  border: none;
+}
+
+#emerging {
+  background-color: pink;
+  color: black;
+  border: none;
+}
+
+#Entrepreneurship {
+  background-color: grey;
+  color: black;
+  border: none;
+}
+
+#labour {
+  background-color: orange;
+  color: black;
+  border: none;
+}
+
+#media {
+  background-color: yellow;
+    color: black;
+      border: none;
+}
+
+#space {
+  background-color: green;
+  color: black;
+    border: none;
+}
+
+#economy {
+  background-color: blue;
+  color: black;
+  border: none;
+}
+
+#main {
+
+    border-color: grey;
+}