No site principal funciona a cor #F2FFFC no body da página, porém o Blog fica da cor certa e rapidamente vai para o branco.
CSS:
body{
font-family: "Times New Roman",serif;
background-color: #F2FFFC;
}
h1,h2{
font-family: "Arial", sans-serif;
font-family: "Open Sans Condensed" serif
}
h1 {
background-color: #851944;
color: #fAFFFA;
text-align: center;
}
p{
text-align: justify;
font-family: "Crimson Text" sans-serif;
}
BLOG:
<!DOCTIPE html>
<html>
<head>
<title>Blog</title>
<meta charset="UTF-8">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="site.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
</head>
<body>
<h1>Blog João da Silva</h1>
<h2>O essencial de design responsivo</h2>
<P>Design responsivo tem ganho cada vez mais atenção como técnica de desenvolvimento de páginas web para dispositivos móveis. Mas como começar?</P>
<h2>Por que fazer páginas acessíveis</h2>
<P>Tem se falado cada vez sobre acessibilidade na web. Há diversas técnicas e diretivas a serem seguidas, inclusive da própria W3C. Mas vale a pena investir nisso?</P>
<h2>JavaScript não obstrusivo</h2>
<P>JavaScript é uma linguagem essencial hoje em dia para criar páginas ricas, interativas e dinâmicas. Porém, há alguns cuidados que devem ser tomados ao colocarmos código JavaScript em nossas páginas.</P>
</body>
</html>