@media (max-width:426px) {
  .Menu {
    display: none;
  }

  nav:hover .Menu {
    display: block;
  }

  nav:hover>div {
    position: absolute
  }
}

@media (min-width:426px) {
  .MenuIco {
    display: none;
  }
}

.Menu,
.Menu * {
  padding: 0px;
  margin: 0px;
}

.Menu,
.Menu ul {
  list-style: none;
  padding: 0px;
}

.Menu li {
  float: left;
  padding: 5px;
  text-align: left;
}

.Menu li:hover>ul {
  visibility: visible;
}

.Menu ul {
  visibility: hidden;
  position: absolute;
  z-index: 49;
}

.Menu ul li {
  float: none;
  padding: 5px;
}

nav ul li {
  color: #00f;
  cursor: pointer;
}

@media screen and (prefers-color-scheme: dark) {
  .Menu li {
    background-color: var(--Menu);
    color: #4EA1E1;
  }

  .Menu li:hover {
    background-color: #3f4777;
    border: solid 1px #fff;
  }

  .Menu li ul li:hover {
    background-color: #3f4777;
  }

  .Menu ul li {
    background-color: var(--Menu);
    border: solid 1px #fff;
  }
}

@media screen and (prefers-color-scheme: light) {
  .Menu li {
    background-color: var(--Menu);
    color: #00f;
  }

  .Menu li:hover {
    border: solid 1px #000;
  }

  .Menu li ul li:hover {
    background-color: #87CEEB;
  }

  .Menu ul li {
    background-color: var(--Menu);
    border: solid 1px #000;
  }
}