body {
    
  }
  
  h1{
    color: #511ad1; /* Cor do título */
    text-align: center; /* Centraliza o título */
    font-family: 'Google sans', sans-serif; /* Fonte do título */
    padding: 10px 0; /* Espaçamento interno acima e abaixo */
    margin-top: 0; /* Remove a margem superior */
    border-radius: 10px; /* Bordas arredondadas */
    letter-spacing: 0.05em; /* Espaçamento entre letras */
}
h1:hover {
    color: #2e085a;
    background-color: #e6e6fa;
    transition: background 0.3s, color 0.3s;
}
h1::before {
    content: "O Mundo do Python!";
    display: block;
    font-size: 1.5em; /* Tamanho da fonte do título */
    margin-bottom: 10px; /* Espaçamento abaixo do título */     
}
h2{
    letter-spacing: 0.05em;
    text-align: center;
    font-family: 'Google sans', sans-serif;
    padding: 5px 0; 
    margin-top: 0;
    border-radius: 10px;
    
   
}

h3{
    color: #511ad1;
    margin-bottom: 10px;
    font-weight: bold;  
    text-transform: uppercase; /* Deixa o texto em maiúsculas */
    letter-spacing: 0.05em; /* Espaçamento entre letras */
    text-align: left; /* Centraliza o título */
    font-family: 'Google sans', sans-serif;
    padding: 5px 0; 
    margin-top: 0;
    margin-left: 15px;
}

/* --- Estilos de Link --- */
a {
    color: #60f10b; /* Cor azul para links */
    text-decoration: none; /* Remove o sublinhado padrão */
}   

p { 
    font-family: 'Google sans', sans-serif;
    color: #000007;
    padding-left: 35px;
    padding-right: 35px;
    font-size: clamp(1rem,2vw+1rem,2.5rem);
    line-height: 1.6;
    margin-bottom: 20px;
}

ul {
    padding: 0;
   
}

ul.no-bullets {
    list-style-type: none;
    padding: 0;
}

ul li {
    background: #74688a;
    margin: 5px 0;
    padding: 13px;
    border-radius: 5px;
}

footer {
    font-family: 'Google sans', sans-serif; /* Fonte padrão do rodapé */
    font-size: small; /* Tamanho de fonte pequeno */
    background-color: #bee415; /* Cor de fundo amarelo claro */
    text-align: center; /* (Nota: flexbox não é um valor válido, use 'flex' se necessário) */
    padding: 10px 0 10px 0; /* Espaçamento interno acima e abaixo */
    box-sizing: border-box; /* Inclui padding e borda na largura total */
    position: fixed; /* Fixa o rodapé na parte inferior da tela */
    bottom: -15px; /* Posiciona o rodapé 15px abaixo do fundo (pode ocultar parte do rodapé) */
    width: 100%; /* Ocupa toda a largura da tela */
    left: 0; /* Alinha o rodapé à esquerda */
    z-index: 100; /* Mantém o rodapé acima de outros elementos */
    white-space: nowrap; /* Impede quebra de linha no texto */
}