body {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}

.nav-container {
    display: grid;
    grid-template-columns: 2% 10% 86% 2%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.logo {
    grid-column: 2/3;
}
.logo img {
    width: 500px;
}
.nav-bar {
    grid-column: 3/4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav-items {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.nav-items a {
  display: block;
  color: slategray;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  font-size: 17px;
}
.nav-items *:hover {
  color: blue;
}
.nav-items button:hover {
  color: blue;
}

.Tigdropdown .Tigdropbtn, .Migdropdown .Migdropbtn, .Arcdropdown .Arcdropbtn, .Plasmadropdown .Plasmadropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: slategray;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.icon {
    display: none;
}
.Tigdropdown-content, .Migdropdown-content, .Arcdropdown-content, .Plasmadropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
.Tigdropdown:hover .Tigdropdown-content,  .Migdropdown:hover .Migdropdown-content, .Arcdropdown:hover .Arcdropdown-content, .Plasmadropdown:hover .Plasmadropdown-content {
    display: block;
  }