updated home

mainstyle.css

@@ -0,0 +1,65 @@
+body {
+  background-color: gray;
+}
+
+.logo img {
+width: 10%
+}
+
+.Menu {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  overflow: hidden;
+  background-color: #38444d;
+}
+
+.mainitems {
+  display: inline-block;
+}
+
+a {
+  text-decoration: none;
+  display: inline-block;
+  padding: 20px;
+  color: white;
+}
+
+a:hover {
+  background-color: darkblue;
+}
+
+.dropdown-menu {
+  margin: 0;
+  padding: 0;
+  background-color: #38444d;
+  display: none;
+  list-style-type: none;
+  position: absolute;
+  min-width: 200px;
+}
+
+@keyframes fadein {
+  0%  {opacity: 0;}
+  100% {opacity: 1;}
+}
+
+@keyframes growDown {
+  0% {
+      transform: scaleY(0)
+  }
+  80% {
+      transform: scaleY(1.1)
+  }
+  100% {
+      transform: scaleY(1)
+  }
+}
+
+.dropdown:hover .dropdown-menu {
+  display: block;
+  animation: growDown 300ms ease-in-out forwards;
+}
+
+
+