:root {
  --accent:#429a0c;
}

html {
  color:white;
  font-size:1em;
  background-color:black;
}


#container {
  width:800px;
  padding:3px;
  display:flex;
  margin:0 auto;
  align-items:center;
  border:1px solid var(--accent);
  justify-content:center;
}

#box {
  width:800px;
  color:white;
  border:1px solid var(--accent);
  background-color:black;
}

#header {
  padding:0;
  border-bottom:1px solid var(--accent);
}

#headerImg {
  width:95%;
  padding:8px;
  image-rendering:pixelated;
}

#headerLinks a {
  color:var(--accent);
  background-color:black;
}

#headerLinks a:hover {
  color:black;
  background-color:var(--accent);
}

#nav {
  padding:10px;
  text-align:center;
}

#side {
  float:left;
  width:185px;
  overflow:hidden;
  padding:0px 0px 5px 10px;
}

.sidebox {
  border:1px solid var(--accent);
  margin:0px 0px 10px 0px;
}

.sidecontent {
  padding:5px;
  color:white;
  letter-spacing:0;
}

.sidecontent ul, li {
  margin:0px;
  padding-left:0px;
  list-style-type:none;
}

.sidecontent ul li:before {
  content:"›";
  padding-left:0;
  padding-right:5px;
}

ul {
  padding-left:0;
  list-style-type:none;
}

ul li:before {
  content:"›";
  padding-left:8px;
  padding-right:8px;
}

li::marker {
  color:rgba(0, 0, 0, 0);
}

a {
  color:var(--accent);
  background-color:black;
  text-decoration:underline;
  cursor:url('https://foggybear42.neocities.org/images/pointers/pom.png'), pointer;
}

a:hover {
  color:black;
  background-color:var(--accent);
  text-decoration:underline;
  cursor:url('https://foggybear42.neocities.org/images/pointers/pom.png'), pointer;
}

strong {
  color:var(--accent);
}

#scrollcontainer {
  padding:5px;
}

#scrolly {
  margin:0 auto;
  overflow:scroll;
  overflow-x:hidden;
  border:1px solid var(--accent);
}

#main {
  float:right;
  width:584px;
  overflow:hidden;
  padding:0px 10px 5px 0px;
}

#main ul li {
  margin-left:-5px;
  list-style-type:square;
}

.bc-container {
  padding:0px;
  border:1px solid var(--accent);
  margin:10px 10px 6px 10px;
}

.bc-content {
  padding:4px;
  color:black;
  font-size:19px;
  font-weight:bold;
  background-color:var(--accent);
}

.bc-content a {
  color:black;
  background-color:var(--accent);
}

.bc-content a:hover {
  color:var(--accent);
  background-color:black;
}

.mainboxes {
  padding:0px;
  border:1px solid var(--accent);
  margin:0px 0px 10px 0px;
}

.subheader {
  color:black;
  letter-spacing:3px;
  background-color:var(--accent);
  padding:3px 3px 3px 6px;
  border-bottom:1px solid var(--accent);
}

.subheader h3 {
  margin:0px;
}

.mainboxescontent {
  color:white;
  font-size:17px;
  padding:0px 15px 0px 15px;
}

.capimgcontainer {
  padding:0px;
  border:1px solid var(--accent);
  margin:0px 0px 5px 0px;
}

.capimgcontainer-half {
  width:50%;
  padding:0px;
  border:1px solid var(--accent);
  margin:0px 0px 5px 0px;
}

.capimgcontainer-third {
  width:33%;
  margin:0px;
  padding:0px;
  border:1px solid var(--accent);
}

.capimg {
  width:100%;
  border-bottom:1px solid var(--accent);
}

.imgcap {
  color:white;
  font-size:15px;
  margin-top:-5px;
  padding:5px 8px;
}

#footer {
  clear:both;
  padding:3px;
  color:black;
  font-size:14px;
  text-align:center;
  background-color:var(--accent);
  border-top:1px solid var(--accent);
}

#footer p {
  margin:0px;
}

#footer a {
  color:black;
  background-color:var(--accent);
}

#footer a:hover {
  color:var(--accent);
  background-color:black;
}

button {
  width:0;
  height:0;
  border:black;
  background:black;
  cursor:url('/images/pointers/pom.png'), default;
}

#musicPlayer {
  width:100%;
  margin:2px;
  padding:0px 0px 8px 0px;
  border:3px solid var(--accent);
}

#cov {
  height:162px;
  margin:5px 5px 0px 5px;
  border:1px solid var(--accent);
}

#currently {
  font-size:16px;
  margin-left:25px;
  font-variant:small-caps;
}

#text {
  width:158px;
  padding:2px;
  margin-top:0;
  margin-left:-2px;
  border:2px solid var(--accent);
}

#text:hover {
  background:var(--accent);
}

#sitebuttoncode {
  width:676px;
  height:62px;
  margin-top:-5px;
  margin-left:10px;
}

#top {
  color:var(--accent);
  right:20px;
  z-index:99;
  bottom:20px;
  position:fixed;
  border:1px solid var(--accent);
  background-color:black;
  padding:5px 15px 15px 8px;
  cursor:url('https://foggybear42.neocities.org/images/cursors/pom.png'), pointer;
}

#top:hover {
  color:black;
  background-color:var(--accent);
}

.help {
  cursor:help;
  text-decoration:dotted underline;
}

.outlink:after {
  padding-left:3px;
  image-rendering:pixelated;
  content:url(https://foggybear42.neocities.org/images/outlinks/brown.png);
}

.outlink:hover::after {
  content:url(https://foggybear42.neocities.org/images/outlinks/black.png);
}

.outlink-bc:after {
  padding-left:3px;
  image-rendering:pixelated;
  content:url(https://foggybear42.neocities.org/images/outlinks/black.png);
}

.outlink-bc:hover::after {
  content:url(https://foggybear42.neocities.org/images/outlinks/brown.png);
}

.wip {
  text-decoration:line-through;
}

.new:after {
  padding-left:5px;
  vertical-align:top;
  content:url(https://foggybear42.neocities.org/images/new.gif);
}

.spoiler {
  color:#2f2f2f;
  background-color:#2f2f2f;
}

.spoiler:active {
  color:#ffffff;
  background-color:rgba(0, 0, 0, 0);
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  
  to {
    transform:rotate(360deg);
  }
}

textarea {
  color:var(--accent);
  z-index:99;
  outline:var(--accent);
  border-color:var(--accent);
  position:absolute;
  background-color:black;
  cursor:url('https://foggybear42.neocities.org/images/cursors/pom.png'), pointer;
}

::selection {
  color:black;
  background-color:var(--accent);
}

::-webkit-scrollbar {
  color:var(--accent);
  width:auto;
}

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

::-webkit-scrollbar-track {
  background:black;
}

::-webkit-scrollbar-thumb {
  background:var(--accent);
  border:2px solid var(--accent);
}

::-webkit-scrollbar-thumb:hover {
  background:black;
  border:1px solid var(--accent);
}

.sidecontent ::-webkit-scrollbar-thumb:hover {
  border-right:0;
}

::-webkit-resizer {
  color:var(--accent);
  background:black;
  cursor:url('https://foggybear42.neocities.org/images/pointers/pom.png'), pointer;
}
}