html {
  scroll-behavior: smooth;
}

body {
    font-family: 'Pixelify Sans', sans-serif;
    background-image: url('https://i.imgur.com/UHuMo5G.jpeg');
    background-size: cover;
    background-position: center;
  }
  .window-bar {
    font-family: 'Press Start 2P', cursive;
  }

img {
    -webkit-user-drag: none;
    user-drag: none;
}

@media (max-width: 768px) {
  .galeria {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .galeria img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 1rem;
  }

  nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }

  .membros {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .membro {
    max-width: 90%;
  }
}