@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html{
  scroll-behavior: smooth;
}

body{
  font-family: "Roboto", sans-serif;
}

.footer-bottom{
  background: linear-gradient(180deg, #464646, #000);
}
.overlay:before {
  content: '';
  display: block;
  position: fixed;
  background-color: #0000002e;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .mobile-nav{
      position: fixed;
      left: -300px;
      flex-direction: column;
      width: 300px;
      height: 100%;
      background-color: #fffff0;
      top: 0px;
      box-shadow: 1px 0px 10px #33333326;
      z-index: 99;
      padding: 20px;
      gap: 10px;
      transition: left 0.3s ease-in-out;
  }

  .mobile-nav.active {
    left: 0;
  }
}