body {
  background-image: url('https://cdn.discordapp.com/attachments/881773353134870638/929490438891659274/spacebackground.gif');
  background-color: black;
  font-family: 'Roboto Mono', monospace;
  font-size: 14px;
  color: #C4B7E2; /* text */
  text-align: center;
}

h1 {
  margin: 10px;
  padding: 5px;
}
article {
  margin: 10px;
  padding: 5px;
}
h2 {
  margin: 10px;
  padding: 5px;
}
p {
  margin: 10px;
  padding: 5px;
}




.style {
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  background-color: black; /* bg */
  padding: 10px; /* inside */
  /* border */
    border: 3px solid;
    border-color:  #9754BC;
    border-width: 3px;
    box-shadow: 0 5px 20px 1px black;
}

.style2 { /* style with margins */
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  background-color: black; /* bg */
  padding: 10px; /* inside */
  margin: 30px 50px 30px 50px; /* outside (top, right, bottom, left) */
  /* border */
    border: 3px solid;
    border-color:  #9754BC;
    border-width: 3px;
    box-shadow: 0 5px 20px 1px black;
}






/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 300px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
  
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  background-color: black; /* bg */
  /* border */
    border-right: 3px solid;
    border-color:  #9754BC;
    border-width: 3px;
    box-shadow: 0 5px 20px 1px black;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #C4B7E2;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #9754BC;
}

/* Style page content */
.main {
  margin-left: 300px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}







.scrollbox{
    height: 300px; 
    overflow:auto; 
}

.container { 
	display: flex; 
	flex-direction: row;
	margin: 30px 50px 30px 50px; /* outside (top, right, bottom, left) */
} 

.divtopleft {
  Margin-right: 10px;
}
.divtopright {
  margin-left: 10px;
}


.sprite{ /* corner sprite */
    position:fixed;
    bottom:0;
    right:0;
    width: 300px;
    height: auto;
}




/* scrollbar */
body::-webkit-scrollbar {
  width: 15px; /* scrollbar width */
}
body::-webkit-scrollbar-track {
  background: black;
}
body::-webkit-scrollbar-thumb {
  background-color: #9754BC;
  border-radius: 0px; /* rounding */
  border: 0px solid black;
}
.scrollbox::-webkit-scrollbar {
  width: 10px; /* scrollbar width */
}
.scrollbox::-webkit-scrollbar-track {
  background: black;
}
.scrollbox::-webkit-scrollbar-thumb {
  background-color: #9754BC;
  border-radius: 0px; /* rounding */
  border: 0px solid black;
}