/* HEADER */
header {
  background-color: #000000ed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 6rem;
  position: sticky;
  top: 0 ;
  height: 100px;
}
header nav .mobile-menu {
  display: none;
}

header .nt_logo {
  height: 40px;
  width: 40px;
  border-radius: 17%;
  transition: .3s;
}

header nav .desktop-menu ul {
  list-style: none;
  display: flex;
  gap: 2rem;
}

header nav .desktop-menu ul li .active {
  text-decoration-line: underline;
  text-underline-offset: 4px; 
  text-decoration-thickness: 1px;
  color: rgb(197, 118, 240);
}
header nav .desktop-menu ul li a {
  transition: .3s ease, transform .2s ease, filter .2s ease;
}

header nav .desktop-menu ul li a:active {
  color: rgb(197, 118, 240);
  filter: brightness(80%);
  transform: scale(1.3);
}

header nav .mobile-menu .menu-toggle {
  display: block;
  position: absolute;
  top: 1.8rem;
  right: 1.5rem;
  font-size: 1.75rem;
  background: none;
  border: none;
  color: white;
  transition: .15s;
} 

header nav .mobile-menu .menu-toggle:active {
  color: rgb(197, 118, 240);
  transform: scale(1.3);
} 

header nav .mobile-menu ul {
  display: none;
  list-style: none;
  flex-direction: column;
  position: absolute;
  top: 5rem;
  right: 1.5rem;

  background-color: rgba(16, 16, 16, 0.724);
  -webkit-backdrop-filter: blur(10px); 
    backdrop-filter: blur(10px);  
  border-radius: 7px;

  justify-content: center;
  align-items: center;

  font-size-adjust: .60;
}

/* header nav.active .mobile-menu ul {
  display: flex;
} */

header nav .mobile-menu ul li{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  transition: .2s;
}
header nav .mobile-menu ul li a {
  padding: 1rem 1.5rem 1rem 1.5rem;
  flex: 1;
}

header nav .mobile-menu ul li:active{
  background-color: rgba(57, 57, 57, 0.571);
}

/* Adding extra height to control where anchor lands */
#hero-section, #Education, #Experience, #Skills, #Projects {
  scroll-margin-top: 11rem;
}

footer {
  background: rgba(3, 3, 3, 0.984);
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 110px;
  height: 170px;
  text-align: center;
}

footer .footer-content .nt_logo {
  height: 40px;
  border-radius: 5px;
}

footer .footer-content nav ul li a, .nt_logo {
  transition: .3s ease, transform .2s ease, filter .2s ease;
  line-height: 150%;
}

footer .footer-content nav ul{
  list-style: none;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

footer .footer-content nav ul li a:hover {
  text-decoration-line: underline;
  text-underline-offset: 4px; 
  text-decoration-thickness: 1px;
  color: rgb(197, 118, 240);
  transform: scale(1.2);
}
footer .footer-content nav ul li a:active {
  filter: brightness(80%);
  transform: scale(1.3);
}