/* Estilos gerais */
@import url('https://fonts.googleapis.com/css2?family=Dhurjati&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

/* Estilos do cabeçalho */
header {
  position: fixed;
  width: 100%;
  height: 80px;
  padding: 0 20px; /* Reduzi o padding para dispositivos móveis */
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #061228;
  z-index: 1000;
}

header .logo {
  font-family: 'Dhurjati', sans-serif;
  color: #fff;
  font-size: 20px; /* Reduzi o tamanho da fonte para dispositivos móveis */
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 700;
}

/* Estilos do menu */
header ul {
  display: flex;
  list-style: none;
}

header ul li {
  list-style: none;
}

header ul li a {
  font-family: 'Dhurjati', sans-serif;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 10px 10px #15bdea85;
  border-radius: 20px;
}

header ul li a.active,
header ul li a:hover {
  background: linear-gradient(to top, #EA6E2E,#FDAB52);
  border-radius: 20px;
  transition:1s;
  box-shadow: 0 10px 9px #CD2686;
}

/* Estilos do botão de menu toggle (para dispositivos móveis) */
.toggle {
  display: none;
}

/* Estilos da seção principal */
section {
  display: flex;
  flex-direction: column; /* Alterei para coluna para dispositivos móveis */
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  padding: 100px 20px; /* Reduzi o padding para dispositivos móveis */
}

section img {
  max-height: 350px;
  margin-left: 0; /* Removi a margem para dispositivos móveis */
}

section h2 {
  font-family: 'Outfit', sans-serif;
  font-size: 1.8em; /* Reduzi o tamanho da fonte para dispositivos móveis */
  text-transform: uppercase;
}

section p {
  font-family: 'Outfit', sans-serif;
  font-size: 16px; /* Reduzi o tamanho da fonte para dispositivos móveis */
}

section a {
  padding: 8px 10px;
  font-size: 16px; /* Reduzi o tamanho da fonte para dispositivos móveis */
  background: #061228;
  color: #fff;
  margin-top: 20px; /* Reduzi a margem para dispositivos móveis */
}

/* Estilos para a seção específica (nth-child) */
section:nth-child(add) {
  justify-content: center;
  align-items: center;
  background: #061228;
  color: #fff;
}
#img1
{
  display: block;
  margin: auto;
  position: relative;
}
#img2
{
  display: block;
  margin: auto;
  min-height: 50%;
  position: relative;
}
#img3
{
  display: block;
  margin: auto;
  width: 300px;
  min-height: 50%;
  position: relative;
}
#imglog
{
  display: block;
  margin: auto;
  box-shadow: 0 1px 10px #DFE8ED;
}
section
{
  background: #DFE8ED;
}