/*everything in general*/
body {
  background-image: url("https://i.postimg.cc/6p7jMyxY/black-stars-background.jpg");
  color: whitesmoke;
  font-family: Verdana;
}
a:visited {
  color: #0000FF; /*literally just looks better on a black background*/
}
/*nav bar!!*/
iframe {
  border:none;
  height: 100%; /*"auto" adjust the height of the side bar - if you want this the full height use autoheight */
  width: 300px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 0; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 10px;
  overflow-x: hidden; /* Disable horizontal scroll */
  /*padding-top: 20px;*/
}

/* Style the button that is used to open and close the collapsible content */
.collapsible-button {
  color: white;
  background-color: #222;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.2em;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible-button:hover {
  background-color: #333;
}

/* Style the collapsible content. Note: hidden by default */
.collapsible-content {
  background-color: #282828;
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

#navbar {
  background-color: #1b1b1b;
  background-image: none;
  margin: 0px;
  & > h1, h2, img {
    margin: 8px;
  }
  & h1 {
    font-size: medium;
  }
  & h2 {
    font-size: small;
  }
}
#character {
  z-index: -14;
  bottom: 0;
  right: 0;
  position: fixed;
  width: 247px;
  height: 409px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url(https://i.postimg.cc/fRhDsnWK/reiplugsuit-removebg-preview.png);
}

/*nav bar end :[
however now its time 4 the main page content!*/
body.main {
  margin-top: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
  margin-left: 340px; /* Same as the width of the sidebar */
  padding: 0px 10px;
  height: 100%;
}
div.main{
  background-image: none;
  background-color: #1b1b1b;
  height: 100%;
}