:root {
  --header-image:url('https://foggybear42.neocities.org/shrines/nsync/logo2.png');
  --body-bg-image:url('https://bettysgraphics.neocities.org/images/backgrounds/pattern%20315.gif');
  --content:#000000;
}

.center {
  margin-left:70px;
  margin-right:70px;
}

@font-face {
  font-family: Baloo;
  src: url('https://files.catbox.moe/cqodcd.ttf');
}

body {
  margin:0;
  background-color:#000000;
  color:#ffffff;
  background-image:var(--body-bg-image);
  font-family:'Baloo';
}

* {
  box-sizing:border-box;
}

#container {
  max-width:1200px;
  margin:0 auto;
}

#header {
  width:60%;
  background-color:solid black;
  background-image:var(--header-image);
  background-size:100%;
}

#flex {
  display:flex;
}

aside {
  background-color:#000000;
  width:300px;
  padding:15px;
}

main {
  background-color:#000000;
  flex:1;
  padding:15px;
  order:2;
}

#leftSidebar {
  order:1;
}

footer {
  background-color:#000000;
  width:100%;
  height:40px;
  padding:10px;
  text-align:center;
}

h1,h2,h3 {
  color:#0e3f8f;
}

h1 {
  margin-top:-15px;
  margin-bottom:-20px;
}

h2, h3 {
  margin-bottom:-8px;
}

strong {
  color:#0e3f8f;
}

.box {
  background-color:#000000;
  border:1px solid #000000;
  padding:10px;
}

#topBar {
  width:100%;
  height:30px;
  padding:10px;
  font-size:smaller;
  background-color:#000000;
}

@media only screen and (max-width: 800px) {
  #flex {
    flex-wrap:wrap;
  }
  
  aside {
    width:100%;
  }
  
  main {
    order:1;
  }
  
  #leftSidebar {
    order:2;
  }
  
  #rightSidebar {
    order:3;
  }
  
  #navbar ul {
    flex-wrap:wrap;
  }
}

a:link {
  color:#0e3f8f;
  background-color:transparent;
  text-decoration:underline;
}

a:visited {
  color:#0e3f8f;
  background-color:transparent;
  text-decoration:none;
}

a:hover {
  color:#a2c5f7;
  background-color:transparent;
  text-decoration:none;
}

a:active {
  color:#0e3f8f;
  background-color:transparent;
  text-decoration:underline;
}

* {
  scrollbar-width:auto;
  scrollbar-color:#0e3f8f;
}

*::-webkit-scrollbar {
  width:16px;
}

*::-webkit-scrollbar-track {
  background:#000000;
}

*::-webkit-scrollbar-thumb {
  background-color:#0e3f8f;
  border-radius:10px;
  border:3px solid #000000;
}

sbox{
  height:390px;
  width:120px;
  overflow:auto;
  border:3px;
  padding:5px;
  color:#0e3f8f;
}

::selection {
  background:#0e3f8f;
  color:#000;
}

div.indent-a {
  text-indent:30px;
}

.zoom:hover {
  -ms-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  transform:scale(1.1); 
}

.zoom {
  transition: transform.2s;
}