@import url('./background.css'); /* Importa o arquivo CSS 'background.css', que pode conter estilos relacionados ao fundo da página */
@import url('./header.css'); /* Importa o arquivo CSS 'header.css', que pode conter estilos relacionados ao cabeçalho da página */
@import url('./main.css'); /* Importa o arquivo CSS 'main.css', que pode conter estilos principais da página */
@import url('./video.css'); /* Importa o arquivo CSS 'video.css', que pode conter estilos principais da página */
@import url('./hitstats.css');

/* Define estilos globais para todos os elementos */
* {
  padding: 0; /* Remove o padding padrão de todos os elementos */
  margin: 0; /* Remove a margem padrão de todos os elementos */
  box-sizing: border-box; /* Inclui o padding e a borda na largura e altura total do elemento */
}

/* Define estilos para o corpo, botões e links */
body, button, a {
  color: #EDF1F7; /* Define a cor do texto como #EDF1F7 para o corpo, botões e links */
  font: 400 1rem "Mukta", sans-serif; /* Define a fonte como 'Mukta', com peso 400 e tamanho 1rem para o corpo, botões e links */
}

/* Remove o sublinhado dos links */
a {
  text-decoration: none; /* Remove o sublinhado padrão dos links */
}

/* Define o estilo de hover para botões */
button:hover {
  cursor: pointer; /* Muda o cursor para uma mão ao passar sobre o botão */
}

/* Define o estilo para o contêiner principal */
#app {
  display: flex; /* Define o layout do contêiner como flexbox */
  flex-direction: column; /* Organiza os itens em uma coluna */
  align-items: center; /* Centraliza os itens horizontalmente */
  width: 100%; /* Define a largura do contêiner como 100% do contêiner pai */
  
}