div {
text-transform: Capitalize;
font-family: "Georgia", serif;
font-size: 12px;
text-decoration: none;
}

/* LINKS */
a, a:link, a:visited {
text-transform: normal;
font-family: "Garamond", serif;
font-style: normal;
font-weight: bold;
color: #B22222; /* vermelho natal */
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}

a:hover {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
color: #0B6623; /* verde natal */
background-color: #D4AF37; /* dourado */
}

/* BARRA SUPERIOR */
.navbar {
max-width: 450px;
margin: 10px auto;
position: relative;
background: #FFF8E1 !important; /* bege natalino */
border: 2px solid #D4AF37; /* dourado */
border-radius: 30px;
margin-top: 5px;
}

.navbar .container {
background: #F3EFE2; /* tom neve */
border-radius: 50px;
width: 100%;
padding: 0px;
text-align: center;
}

/* Títulos */
.subtitulo {
font-family: "Georgia";
font-size: 12px;
width: 110px;
border-radius: 10px;
text-transform: capitalize;
color: #FFFFFF;
background: #B22222; /* vermelho */
border: 1px solid #D4AF37; /* dourado */
}

/* Últimas fotos postadas */
.latest-photos img {
opacity: 60%;
filter: grayscale(40%);
transition-duration: 2s;
background-color: #FFF8E1;
padding: 5px;
border-radius: 70px;
}

.latest-photos img:hover {
opacity: 100%;
filter: grayscale(0%);
background-color: #F3EFE2;
}

/* Favoritos */
.friend-thumbnail {
opacity: 50%;
filter: grayscale(20%);
transition-duration: 1s;
background-color: #FFF8E1;
padding: 5px;
border-radius: 70px;
}

.friend-thumbnail:hover {
opacity: 100%;
filter: grayscale(0%);
background-color: #F3EFE2;
}

/* Caixa de comentários */
.comment-textarea {
min-height: 100px;
height: 100px;
resize: vertical;
color: #0B6623; /* verde natal */
font-size: 12px;
background: #FFF8E1; /* tom neve */
border: 2px solid #D4AF37; /* dourado */
}

.comment-textarea.expanded {
color: #B22222; /* vermelho */
background: #FFF2E6;
box-shadow: 0px 0px 5px #D4AF37;
border: 0px solid #D4AF37;
}

.comment-textarea::placeholder {
color: #0B6623 !important;
}

/* Borda da imagem */
.post-img {
margin-bottom: 1rem;
display: flex;
justify-content: center;
border: 1px solid #D4AF37;
border-width: 5px;

border-style: solid;
padding: 0px;
}

/* Botão comentar */
.comment-submit {
color: #FFFFFF !important;
background: #0B6623; /* verde */
border-radius: 30px;
}

/* Botão postar */
.post-button {
color: #FFFFFF !important;
background: #B22222; /* vermelho */
border-radius: 50px;
}

/* Rodapé */
.flog-footer {
text-align: center;
padding: 10px;
font-size: 8px;
font-family: "Garamond";
color: #0B6623;
background: #FFF8E1;
border-radius: 50px;
}

/* Post */
.post {
margin: 0 auto;
width: 400px;
}

.postcaixa {
padding: 10px;
border: 2px dashed #D4AF37;
border-radius: 20px;
background: #FFF2E6;
text-align: justify;
}

.postcaixa2 {
margin: 0 auto;
width: 200px;
border: 1px dashed #D4AF37;
border-radius: 20px;
background: #F3EFE2;
color: #0B6623;
text-align: center;
}

.flog-avatar img:hover {
border: 3px solid #B22222;
padding: 5px;
opacity: 60%;
transition-duration: 1s;
}

/* Avatar online */
.profile-avatar .is-online {
background: #0B6623; /* verde */
}