/* Layout adjustments */
#mobile-nav-panel.open {
  display: block;
}

@media (min-width: 1024px) {
  body {
    background-image: linear-gradient(180deg, rgba(252, 165, 165, 0.05) 0%, rgba(255, 255, 255, 0) 30%);
  }

  main section + section {
    scroll-margin-top: 5rem;
  }

  #mobile-nav-panel {
    display: none !important;
  }

  .dark body {
    background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0) 30%);
  }
}