.fixed-top {
  position: sticky;
  top: 0;
}

.bg-dark {
  background: #fff5f5 !important;
}

.navbar {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 20px;
    border-radius: 50px;
}

.navbar a,
.navbar-in .nav-item a {
text-transform: uppercase;
font-family: cambria;
font-size: 8px;
letter-spacing: 2px;
  color: #f1c4c4 !important; /* branco puro */
}

.navbar a:hover,
.navbar-in .nav-item a:hover {
  color: #888 !important; /* rosa claro como hover (opcional) */
}
.navbar-brand { display: block !important;
  width: 100px !important; /* largura da logo */
  height: 50px !important; /* altura da logo */
  background-image: url('https://imgur.com/MIIfxrU.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-indent: -9999px; /* esconde o texto "Pixelog" */
filter: brightness(0) invert(1);}

ul.navbar-nav li {
border-radius: 50px;
color: #888 !important;
    flex-direction: row;
  transition: all .35s;
}

ul.navbar-nav li:hover {
flex-direction: row;
color: #888;
  transition: all .35s;
}

.navbar-expand-lg .navbar-nav {
color: #a52eff !important;
max-height: 30px;
    align-items: center;
gap: 60px;
    justify-content: center;
}

.navbar-in .nav-item {
  padding: 5px 15px;
  margin-right: 15px;
  font-size: 9px;
  font-family: verdana !important;
  border-radius: 3px;
}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-top: 10px;
        padding-bottom: 10px;
    }

.navbar-in .nav-item a,
.navbar-in .nav-item a:hover {
  background: transparent;
}

/* === Body & HTML === */
body,
html {
  margin-top: 0;
font-size: 11px;
  color: #e2bfbf;
}

.btn-primary {    background-color: transparent !important;
}
.btn-primary:hover {
    background-color: transparent !important;
}
.btn-secondary, .btn-secondary:hover {background-color: transparent !important;}

.btn, .btn:hover {background-color: transparent;
color: #fff;
border: 0px solid transparent;}
.btn-outline-primary, .btn-text, .btn-outline-primary:hover {
background-color: transparent;
color: #888;
border: 0px solid transparent;}
.ms-auto {
    margin: 0 auto !important;
}
.subtitulo {
text-transform: uppercase;
font-family: cambria;
font-size: 8px;
letter-spacing: 2px;
  color: #9b9b9b;}

 .titulo-flog {padding-bottom: 20px; font-family: times new roman; font-style: italic; letter-spacing: -2px; padding-top: -20px; color: #c79393;}

    .h3, h3 {
        text-transform: uppercase;
font-family: cambria;
font-size: 8px;
letter-spacing: 2px;
  color: #9b9b9b;
margin-top 10px;
    }

img[src="https://pixelog.me/inc/img/64.gif"] {
    content: url(https://www.myspacegens.com/images/online_now/64.gif);
    max-width: 30%;
}

.avatar {
    width: 130px;
    height: 200px;
    object-fit: cover;
    border: none;
    margin-top: 25px;
    border-radius: 15px 15px 15px 15px !important;
}

.col-md-3 img {
  border-radius: 20px !important;
}

.latest-photos img{
opacity: 30%;
    border-radius: 0px 0px 0px 0px;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    background-color: #f8f8f8;
    padding: 0px;
}
.latest-photos img:hover {
    opacity: 100%;
    border-radius: 0px 0px 0px 0px;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    background-color: #f8f8f8;
    padding: 0px;
}
.friend-thumbnail {
    opacity: 0.2;
    -webkit-filter: grayscale(70%);
    border-radius: 0px 0px 0px 0px;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    background-color: #fef1f0;

    padding: 0px;
}
.friend-thumbnail:hover {
    opacity: 100%;
    -webkit-filter: grayscale(0%);
    border-radius: 0px 0px 0px 0px;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    background-color: #f8f8f8;
    padding: 0px;
}