/* Variáveis de Cores e Fontes */
:root {
  --primary-color: #FFF9F6;
  --secondary-color: #E5E0D8;
  --black-color: #0A0C10;
  --grey-color: #181818;
  --primary-font: 'Sora', sans-serif;
  --secondary-font: 'Roboto', sans-serif;
}
html, body {
  overflow-x: hidden;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Sora', sans-serif;
}
body {
  font-family: 'Sora', sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--primary-color);
  max-width: 1300px;
  overflow-x: hidden;
  padding: 0 40px;
  background-image: url(../img/bgph.avif);
}
@media screen and (max-width: 600px) {
  body {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    background: url(../img/Background\ Site\ \(625\ x\ 2560\ px\).png);
    object-fit: cover;
    box-sizing: border-box;
  }
  .lazy-bg {
    display: none;
  }
  .container {
    padding: 0 20px;
    width: 100%;
  }
  .some-element {
    font-size: 1rem;
  }
}
img, .container, .some-element {
  max-width: 100%;
  height: auto;
}
* {
  box-sizing: border-box;
}