*{margin:0;padding:0;}
.post{ /* primeira página */
display: grid;
width:600px;
grid-template-columns: 30px 1fr auto;
grid-template-rows: auto auto;
gap: 3px;
border:solid black 1px;
background-color:white;
border:solid black 1px;
}
.photo {
grid-column: 1;
grid-row: span 2;
}
.nome {
font-size:24px;
grid-column: 2;
grid-row: 1;
text-align:left;
}
.mens {
font-size:20px;
grid-column: 2;
grid-row: 2;
text-align:left;
}
.micro {
grid-column: 3;
grid-row: span 2;
justify-self: right;
margin: solid black 1px;
}
.a1{
	text-decoration:none;color:blue;
}
.i{
	color:yellow;
	font-size:font-size: 20px;
	text-decoration: none;"
}
.Bt{
	width: 300px;
	height: 40px;
	font-size:
	20px;margin:10px
}
.avatar{
	display:block;
	border:solid gray 1px;
	border-radius:50%;
}
.y{
	color:white;
	background:#365899;
}
.b{cursor:pointer;font-size:20px}
.edit{background:#F0F0F0;border:solid 1px #d2d2d2;border-radius:10px;padding:5px;font-size:18px}
.ovl{border-radius: 50%;}
.lista{width:450px;position:absolute;left:50%;margin-left:-225px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:2;cursor:pointer;font-size:20px;padding:0px;}
body{font-size:16px;background-image:url("../recursos/fundo.jpeg");}
/*.tbl{font-size:20px;background:white;position:relative;width:600px;margin-bottom:4px;border: solid 1px black;}*/
.lnome{position:relative;top:-10px}
.b{cursor:pointer;font-size:20px}
.barra{font-size:26px;font-style:italic;font-weight:bold;background:#534d73;color:white;padding:2px;text-align:center}
.foto{width:71;padding:3px}
.nome{color:#365899;font-size:20px}
.titulo{text-align:center;font-size:1.1em;font-weight: bold;color:black;margin:5px}
.ttl{color:#888;}
.time{font-style:italic;font-size:20px}
.mensagem{max-width:600px;}
.inscri{color:white;text-decoration:none}
.modalP{width:600px;font-size:20px;position: absolute ;left: 50%; margin-left: -301px; z-index: 3; background: white; color: black; padding: 0px 0px; cursor:pointer;border: 1px solid black; min-height: 170px;}
.modalC{font-size:20px}
.sg{margin-top:6px;margin-bottom:6px;font-size:20px;width:600px;position:relative;z-index:3;}
.azul{color:blue}   /* Que estupidez */
.negro{color:black}
.vermelho{color:green}
.fileInput{
background:#eee;
color: black;
padding:2px;
border:1px solid #666;
border-radius:3px;
font: 20px arial,sans-serif;
justify-content: center;
}
.b{
	color:black;
}
.bo{
	font-weight: bold;
}
.c{
	text-align:center;
}
.w{
	color:white;
}
/*  TÓPICOS */
.ct{
	position:relative;
	display: flex;
	font-size:20px;
	flex-direction: column;
	border: 1px solid black;
	background-color:white;
	width:600px;
	padding:0px;
	margin-bottom:7px;
}
.row {
  display: flex;
  width: 100%;
}
.ft {
  width:65px;
  box-sizing: border-box;
  padding:0px;
  border:0px;
}
.no{
  flex-grow: 1;
  padding-left:5px;
  text-align:left;
}
.f{
  width: 100%;
  box-sizing: border-box;
  padding:0px;
}
.b{
	color:black;
}