/* top navigation bar */
#navbar {
  font-size: 0; 
  border-bottom: 2px solid #c0c0c0;
  height: 30px;
  overflow: hidden;
  background-color: grey;
  position: fixed;
  top: -2px;
  width: 100%;
  z-index: 99 !important;
  margin: 0 auto;
  display: block;
  text-align: center;
  transition:
    top 1s ease,
    background-color 1s ease,
    border-top-left-radius 1s ease,
    border-top-right-radius 1s ease;
}
.navbar button {
  background-color: var(--ButtonFace, #c0c0c0) !important;
  color: var(--theme-windowtext, #000);
  height: 25px;
  min-width:20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 2px 4px 0 2px;
  margin: 0;
  transition: height 0.5s ease, 
              border-radius 0.5s ease;
  cursor: url('https://hhroses.neocities.org/cursors/pointer.png'), pointer !important;
}
.navbar button {
  background-color: var(--ButtonFace, #c0c0c0) !important;
  color: var(--ButtonText, #000000) !important;
}  
.navbar button:hover {
  margin-top:-5px;
  background-color: #e5ffff;
  font-weight: 900 !important;
}
.navbar button span:hover {text-decoration: underline;}
.navbar span {
  font-size: 13px;
  font-family: basiic;
  font-weight: normal;
  color: black;
  padding:0;
  margin-right:4px;
}
.navbar img {padding:0;margin:-2px -3px 0 2px;}
@media (max-width: 731px) { .forwardbutton {display:none;} }
@media (max-width: 709px) { .backbutton {display:none;} }
@media (max-width: 375px) {
  .navbar button { padding: 0; margin: -1px; }
  .navbar button img { padding: 0; margin-right: -4px; }
}
.pinklacedivider { display: none; }