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;
}