:root{
  
  --linkcolor: #39fae7;
  --linkhovercolor: #ff2b87;
  
  --mainbg: black; /* Main bg color #9D75CB*/
  --mainborder: #46388c; /* Main border color */
  
  --hfont: 'Kirang Haerang'; /* Heading font family */
  --hfonttype: cursive; /*Heading font type */
  --hcolor: #ff4599; /* #900C3F Heading colors */
  
  --mainfont: 'Crimson Pro'; /* Main text font family */
  --mainfonttype: serif; /*Main font type*/
  --maincolor: white; /* Main text font color */
  
  --footbg: rgba(0, 48, 26, .5); /* Footer bg color */
  --footborder: #005216; /* Footer border color */
}

.center {text-align: center;}

/* HEADING INFO */
h1, h2, h3, h4, h5, h6{
  color: var(--hcolor);
  font-family: var(--hfont), var(--hfonttype);
  text-align: center;
}

h1{
  font-size: 64px;
  color: #39fae7;
}

h2{
  font-size: 40px;
}

/* LINK INFO */
a {
  font-family: 'Press Start 2P', cursive;
  color: var(--linkcolor);
  padding: 7px 0 7px 0;
}

a:hover {
  color: var(--linkhovercolor);
  background-image: url('https://toadtoadtoad.neocities.org/image/da/sparkles.gif');
  
}

dt{
  font-family: 'Mate SC', serif;
  font-size: 24;
}

button{
  background-color: #e33b3b;
  color: #fff1d1;
  border: 3px #fc7b3a outset; 
  border-radius: 30px;
  text-decoration: none;
  margin: 3px;
}
      
button:hover{
  color: white;
  border: 3px #39fae7 inset;
  background-color: purple;
  background-image: url("/bg/lights.gif");
}

/* GENERAL INFO */
body {
  background-image: url("/bg/grass.gif");
  background-color: green;
  background-repeat: repeat;
  background-attachment: fixed;
  color: white;
  font-family: 'Crimson Pro', serif;
  cursor: url(http://www.fillster.com/myspace-cursors/23.ani), url(http://www.fillster.com/myspace-cursors/23.gif), pointer !important;
}

header{
  text-align: center;
  font-family: 'Lucida Console', monospace;
  color: #f5fffc;
}

.mushrooms {
  background-image: url(/bg/mushroom.gif);
  border: none;
  padding: 40px;
  margin: 10px;
  border-radius: 50%;
  text-align: center;
}

main {
  border-radius: 20px;
  font-family: var(--mainfont), var(--mainfonttype);
  font-size: 18px;
  background-color: var(--mainbg);
  background-image:url(/bg/calmstars.gif);
  background-attachment: fixed;
  border: 5px var(--mainborder) ridge;
  color: var(--maincolor);
  padding: 30px;
  margin: 20px 0 20px 0;
  
  z-index: -1;
}

main a{
  font-family: inherit;
}

strong {
  color: #98f028;
}

#aside{
  font-family:'Lucida Console', monospace;
  color: white;
  background-color: rgb(1, 61, 19);
  padding: 15px;
  border: 3px green inset;
  margin: 30px 0 30px 0;
  }
      
#aside h3{
  font-family:'Press Start 2P', monospace;
  font-size: 14px;
  text-align:center;
  color:#6de349;
}

#aside a {font-size: inherit; font-family: inherit; text-decoration: none;}

footer{
  text-align: center;
  font-size: 18px;
  
  padding: 20px;
  margin: 20px;
}

footer a{
  font-family: inherit;
}

footer img {
  margin: 15px;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}
      
/* Track */
::-webkit-scrollbar-track {
  background: rgb(1, 61, 19);
  border: 2px green inset;
}
      
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--linkhovercolor);
  border: 3px var(--linkhovercolor) outset;
  border-radius: 7px;
}
      
#game::-webkit-scrollbar{
  width: 5px;
}

#game{
  font-size: 12px;
  color:#190045;
}

nav {
  font-family: 'Press Start 2P', monospace;
  font-size: 12px;
  text-align: center;
  color: white;
  background-color: #46388c;
  
  padding: 5px;
  border: 5px #4767a0 outset;
  border-radius: 30px;
  top: 20px;
  
  z-index: 5;
}

nav a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  color: inherit;
  margin: 0 15px 0 15px;
}

nav a:hover {
  color: cyan;
}