body { }
html { overflow-y: scroll; }
a { text-decoration: none; }
p { margin: 0 0 20px 0; }
#page-wrap { width: 100%;}

.hide { position: absolute; top: -9999px; left: -9999px; }

#profile { background: #E7D4B5; padding: 10px; margin: 0 0 20px 0; border-radius: 20px; border: 3px solid #674636; }

#avatar { float: left; margin-right: 10px; margin-top: 5px; }

#profile b, #profile strong { background-color: #FFF; padding: 3px; line-height: 170%;}
@media screen and (max-width: 480px) {
  #profile ul li {
  display: inline-block;
  margin-left: -30px !important;
  padding: 5px;
  width: 110% !important;
}
  #profile .nav {
      margin-left: 0;
    }
  }
#profile .nav { overflow: hidden; height: 100%; }
#profile .nav { display: flex; flex-direction: row; justify-content: center; gap: 15px; }
#profile .nav ul { margin-left: 0; }
#profile .nav li { flex: 1; width: 25%;}
#profile .nav li.last { margin-right: 0; }
#profile .nav li a { display: block; padding: 5px; background: #674636; color: white; text-align: center; border: 0; }
#profile .nav li a:hover { background-color: #626F47; }

#profile ul { list-style: none; margin-left: -30px; }
#profile ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#profile ul li a:hover { background: #626F47; color: white; }
#profile ul li:last-child a { border: none; }

#profile ul li.nav0 a.current, #profile ul.visitormessage li a:hover { background-color: #626F47; color: white; }
#profile ul li.nav1 a.current, #profile ul.aboutme li a:hover { background-color: #626F47; color: white; }
#profile ul li.nav2 a.current, #profile ul.adopts li a:hover { background-color: #626F47; color: white; }
#profile ul li.nav3 a.current, #profile ul.friends li a:hover { background-color: #626F47; color: white; }
#profile ul li.nav4 a.current, #profile ul.contactinfo li a:hover { background-color: #626F47; color: white; }