first commit

css/main.css

@@ -0,0 +1,155 @@
+.topnav {
+  overflow: hidden;
+}
+
+.topnav a {
+  float: right;
+  color: black;
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  font-size: 20px;
+  border: 1px solid black;
+  padding: 2px;
+  margin: 2px;
+}
+
+.topnav a:hover {
+  background-color: grey;
+  color: black;
+}
+
+.topnav ul{
+  padding: 2;
+  margin: 2;
+  list-style: none;
+  position: relative;
+}
+
+.topnav ul li{
+  display: inlne-block;
+  background-color: grey;
+}
+
+body {
+  font:20px/1.1em arial, sans-serif;
+  background:white;
+}
+
+h1 {
+  font-size: 30px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: normal;
+}
+
+h2 { 
+  font-size: 20px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: normal;
+}
+
+.search-container {
+    font-size: 20px;
+}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 2px;
+  width: 100%;
+  display: inline-block;
+  font-size: 20px;
+  background-color: white;
+  top: 0;
+}
+
+li {
+  display: inline-block;
+  padding: 2px;
+}
+
+li a {
+  color: black;
+  display: inline-block;
+  text-decoration: none;
+  border: 1px solid black;
+  padding: 2px;
+}
+
+li:hover {
+  background-color: grey;
+}
+
+form button {
+  border: 1px solid black;
+  padding: 2px;
+  font: 20px;
+}
+
+
+/* navbar container */
+.navbar {
+  overflow: hidden;
+  background-color: white;
+  font-family: Arial;
+}
+
+/* links inside the navbar */
+.navbar a{
+  float: left;
+  font-size: 20px;
+  color: black;
+  text-align: center;
+  padding: 2px;
+  text-decoration: none;
+}
+
+/* dropdown container */
+.dropdown {
+  float: left;
+  overflow: hidden;
+}
+
+/* dropdown button */
+.dropdown .dropbtn {
+  font-size: 20px;
+  border: 1px solid black;
+  color: black;
+  padding: 2px;
+  background-color: inherit;
+  font-family: inherit;
+}
+
+/* add a grey background color to navbar links on hover */
+.navbar a:hover, .dropdown:hover .dropbtn{
+  background-color: grey;
+}
+
+/* dropdown content ("hidden by default"--why?) */
+.dropdown-content a {
+  float: none;
+  position: absolute;
+  background-color: white;
+  min-width: 160px;
+  z-index: 1;
+}
+
+/* links inside the dropdown */
+.dropdown-content a {
+  float: none;
+  color: black;
+  padding: 2px;
+  text-decoration: none;
+  display: block;
+  text-align: left;
+}
+
+/* add a grey background color to dropdown links on hover */
+.dropdown-content a:hover {
+  background-color: grey;
+}
+
+/* show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}