Skip to content

Commit 094da60

Browse files
authored
Update style.css
1 parent 5e57d25 commit 094da60

1 file changed

Lines changed: 12 additions & 32 deletions

File tree

‎style.css‎

Lines changed: 12 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,5 @@
1-
header {
2-
background-color:#183C63;
3-
color: #FFFFFF;
4-
text-align: center;
5-
max-width: 800px;
6-
margin: 0 auto;
7-
padding: 16px;
8-
}
9-
10-
main {
11-
background-color: #FFFFFF;
12-
color: #183C63;
13-
max-width: 800px;
14-
margin: 0 auto;
15-
padding: 16px;
16-
}
17-
18-
img {
19-
width: 80px;
20-
height: 80px;
21-
}
221
body {
23-
font-family: Arial, Helvetica, sans-serif; /* Fonte universal herdada por todo o site */
2+
font-family: Arial, Helvetica, sans-serif; /* Fonte universal herdada por todo o documento */
243
margin: 0; /* Remove margens padrão do navegador */
254
padding: 0;
265
}
@@ -55,24 +34,25 @@ img {
5534
width: 150px; /* define a largura fixa da imagem */
5635
height: 150px; /* define a altura fixa da imagem */
5736
border: 2px solid #17048f; /* adiciona uma borda sólida de 2px na cor azul/roxa */
58-
display: block; /* transforma a imagem em um bloco para aceitar margens verticais e quebra de linha */
37+
display: block; /* transforma a imagem em um bloco para aceitar margens verticais e quebras */
5938
margin: 0 auto; /* centraliza a imagem horizontalmente na tela */
6039
align-self: center;
6140
}
6241

6342
.artigo-autor {
6443
font-weight: bold; /* deixa o texto em negrito */
6544
}
45+
6646
.texto-curto {
67-
max-width: 65ch; /* Limita a linha a cerca de 45 caracteres */
47+
max-width: 65ch; /* Limita a linha a cerca de 45 caracteres */
6848
}
6949

7050
footer {
71-
background-color: #b4cbc5; /* Mesma cor escura do texto do header para combinar */
72-
color: #013005; /* Cor da fonte branca para dar contraste e leitura */
73-
text-align: center; /* Centraliza o texto horizontalmente */
74-
max-width: 800px; /* Mantém o mesmo alinhamento do header e do main */
75-
margin: 0 auto; /* Centraliza o bloco inteiro na tela */
76-
padding: 20px; /* Cria um espaçamento interno para o fundo aparecer bem */
77-
font-size: 14px; /* Deixa o texto do rodapé um pouco menor e discreto */
78-
}
51+
background-color: #b4cbc5; /* Mesma cor escura do texto do header para combinar */
52+
color: #013005; /* Cor da fonte branca para dar contraste e leitura */
53+
text-align: center; /* Centraliza o texto horizontalmente */
54+
max-width: 800px; /* Mantém o mesmo alinhamento do header e do main */
55+
margin: 0 auto; /* Centraliza o bloco inteiro na tela */
56+
padding: 20px; /* Cria um espaçamento interno para o fundo aparecer */
57+
font-size: 14px; /* Deixa o texto do rodapé um pouco menor e discreto */
58+
}

0 commit comments

Comments
 (0)