styles.css

/* Estilo geral do body */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #1a1a1a; /* Cor de fundo escura */
    color: #e0e0e0; /* Cor do texto clara */
    line-height: 1.6;
}

/* Estilo do cabeçalho */
header {
    background-image: linear-gradient(black, rgb(4, 83, 83));
    color: #ffffff; /* Texto branco */
    padding: 10px 0;
    text-align: center;
}

/* Efeito Typewriter */
.typewriter h1 {
    overflow: hidden; /* Para ocultar o texto excedente */
    border-right: .15em solid #ffffff; /* Cursor do tipo "typewriter" */
    white-space: nowrap; /* Impede quebra de linha */
    margin: 0 auto; /* Centraliza o texto */
    letter-spacing: .15em; /* Espaçamento entre letras */
    animation: typing 4s steps(30, end), blink-caret .75s step-end infinite;
}

/* Animação de digitação */
@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

/* Animação do cursor */
@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: #ffffff; }
}
/* Estilo para o link do ponto */
.dot-link {
    text-decoration: none;
    color: #ffffff; /* Cor do ponto */
    font-size: 20px; /* Tamanho do ponto */
    margin-left: 5px; /* Espaçamento entre o texto e o ponto */
    vertical-align: middle; /* Alinhar o ponto verticalmente ao centro do texto */
}

.dot-link:hover {
    color: #cccccc; /* Cor do ponto ao passar o mouse */
}
/* Estilo das seções */
.section {
    padding: 20px;
    margin: 20px;
    background-color: #2c2c2c; /* Fundo da seção mais escuro */
    border-radius: 5px;
}

h2 {
    color: #ffffff; /* Títulos em branco */
    border-bottom: 2px solid #555555; /* Linha inferior de cor neutra */
    padding-bottom: 5px;
}

.post {
    margin-bottom: 20px;
}

.post h3 {
    margin-bottom: 10px;
    color: rgb(11, 167, 167); /* Cor do título do post */
}

.intro, .full-text {
    color: #cccccc; /* Cor do texto do post */
}

.full-text {
    display: none; /* Ocultar o texto completo inicialmente */
    color:white;
}

.post a {
    text-decoration: none;
    color: rgb(13, 245, 245); /* Cor do link no post */
    font-weight: bold;
}

.post a:hover {
    color: #999999; /* Cor do link ao passar o mouse */
}

/* Estilo do rodapé */
footer {
    text-align: center;
    padding: 10px 0;
    background-color: #2c2c2c; /* Fundo do rodapé */
    color: #ffffff; /* Texto branco */
    margin-top: 20px;
}