/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Fundo da página e moldura */
html, body {
  height: 100%;
  width: 100%;
  background-color: #000; /* Moldura preta */
}

/* Moldura */
.frame {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 3%; /* ajusta a espessura da moldura */
  background-color: #000;
}

/* Imagem de fundo responsiva */
.background {
  width: 100%;
  height: 100%;
  background-image: url("images/mobhouse-bg.jpg");
  background-size: contain; /* garante proporção da imagem */
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
}

/* Ajuste para telas muito pequenas */
@media (max-width: 768px) {
  .frame {
    padding: 5%;
  }
}