paginas/style/texto.css

*{
	text-rendering:geometricPrecision;
}
body{/* ____ Configuração para a animação*/
  scroll-behavior: smooth;	
}/* Onde fica o artigo*/
.emoj{/* Font mozilla ❤ */
	font-family:"EmojiOne Mozilla";
}
#conteudo>p{
	text-align:justify;
	margin:20px;
	font-size: 20px;
	font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue", sans-serif;
	color:#333;
	font-weight: normal;
	line-height: 1.58
}
#conteudo>h1,#conteudo>h2{
	font-weight: 600;
	line-height: 1.58;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#conteudo>h1{
	font-size:40px;
	border-bottom:2px solid #EAECEF;
}
#conteudo>h2{
	color:#333;
}/* Essa opção é para paragrafos, muitas vezes os paragrafos ficam feio em telas grandes... */
.centro{
	text-align:center;
}/* As imagens tem que ser detro dessa tag <figure> */

figure{

}/* E essa outra tem que ficar dentro da tag figure, aqui dentro fica a descrição da imagem(importantissimo)*/
figure>img{
	min-width:50px;
	max-width:100%;
}
figcaption{
	color:#666;
	font-size:14px;
	font-weight: bold;
}
/* Tag code, onde fica o código */
code{
	font-family: 'Source Code Pro', monospace;
	border-radius:3px;
	background:#ddd;
	padding:5px;
	color: #bf616a;
}/* Blockquote, para falar frase ou citações */
blockquote{
	border-left:3px solid #000;
	margin-left:10%;
	padding:0 15px;
	font-weight:400;
	font-style: italic;
	text-align:left;
}
hr{
	height:0px;
	margin-top:52px;
	margin-bottom:42px;
	border:0;
	text-align:center;
	font-weight:bold;
	font-size:30px;
}/* aqueles três pontinhos lekais . . . */
hr:before{
    content: '...';
    display: inline-block;
    margin-left: .6em;
		letter-spacing: .6em;
    color: rgba(0,0,0,.68);
    position: relative;
    top: -30px;
}
pre{
	text-align:left;
	color: #bf616a;
	border-radius:3px;
	background:#eee;
	font-family: 'Source Code Pro', monospace;
	display:block;
	position:relative;
}
.distaque-branco{
	background:rgba(255,255,255,.4)
}
.distaque-preto{
	background:rgba(0,0,0,.1)
}
.italic{
	font-style:italic;
}