/* Navigation */
.nav_main_container {
 
  display: grid;
  padding: 10px 0;
  /* background-color: red; */
  text-align: left;
  display: none;
}

ul {
    display: grid;
    font-size:1.4em;
    list-style: none;
    row-gap: 20px;
}

ul > li {
  list-style-type: none;
}

nav ul li a {
    font-family:  var(--nav-font);
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 2px rgb(60, 33, 38);
    transition: font-size 0.5s ease-out, transform 0.5s ease-out, color 0.5s ease-in-out, underline 2s ease-in-out; 
  /* animation: fadeInNav 1s ease-in-out forwards;  */
  }
nav ul li a:hover {
    color: var(--hover-color);
    text-decoration:underline;
    font-size: 105%;
}

@media (min-width: 768px) {
  nav {
    position: static; /* Reset for larger screens */
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 15px;
    background-color: green;
  }
    .nav-list-item a {
    padding: 10px 20px;
    border-radius: 8px;
  }
    nav {
    justify-content: flex-end;
  }
  /* Navigation */
.nav_main_container {
 
  display: block;
}

.article_block {
  max-width: 800px;
}

}