/* custom.css */

/* SMOOTH SCROLLING */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* STICKY NAVBAR */
.navbar {
  position: sticky;
  top: 0px;
  z-index: 11;
  background-color: #fff;
  border-bottom: solid 1px #0f172a1a;
}

html {
  scroll-padding-top: 5rem;
}

/* CUSTOM CONTAINER WIDTH */
.container {
  /* max-width: 1320px; */
}

/* ROUNDED CORNERS */
.button,
.button-floating,
.button-outline,
button,
input,
textarea,
details,
.code {
  border-radius: .375rem;
}

.footer {
  margin-top: 50px;
}

.grid {
  gap: 20px 40px;
}

@media (max-width: 768px) {
  .order-1 {
    order: -1;
  }
}

@media (prefers-color-scheme: dark) {
  .navbar {
    background-color: var(--darkest-bg);
  }
}