/* Estilos globais e básicos */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #222;
    color: #eee;
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Alinha o conteúdo ao topo */
    min-height: 100vh;
    overflow-y: auto; /* Permite scroll se o conteúdo for muito longo */
    box-sizing: border-box; /* Inclui padding no tamanho total */
}

h1 {
    color: #00bcd4;
    margin-bottom: 25px;
    font-size: 2.5em;
    text-shadow: 0 0 10px rgba(0, 188, 212, 0.6);
}

/* Estilos para os ícones do Material Symbols (se você os estiver usando) */
.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}