/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


body {
  background-color: white;
  color: black;
  font-family: Verdana;
  background-image: url("https://circustiger.neocities.org/graphics/mainbg.jpg");
  background-size: 25%;
  font-size: 16px;

}

.main {
  width:600px;
  height:600px;
  border-style: dotted;
  border-radius: 5px;
  border-width: 4px;
  padding: 8px;
  background-image: url("https://circustiger.neocities.org/graphics/starbg.png");
  border-color: #1A2343 ;
  top: 110px;
  position: fixed;
  left:50%;
  transform: translateX(-50%) ;
}
.maininner {
  width:500px;
  height:510px;
  border-style: dotted;
  border-radius: 5px;
  border-width: 4px;
  padding: 8px;
  background-color:#eff0eb;
  border-color: #1A2343 ;
  overflow:auto;
  top: 50%;
  position: absolute;
  left:50%;
  transform: translateX(-50%) translateY(-50%) ;
}

.left {
  width:200px;
  height:600px;
  border-style: dotted;
  border-radius: 5px;
  border-width:4px;
  padding:8px;
  background-image: url("https://circustiger.neocities.org/graphics/starbg.png");
  border-color: #1A2343;
  position:fixed;
  left:125px;
  top: 110px;
}

.right {
  width:200px;
  height:600px;
  border-style: dotted;
  border-radius: 5px;
  border-width:4px;
  padding:8px;
  background-image: url("https://circustiger.neocities.org/graphics/starbg.png");
  border-color: #1A2343;
  position:fixed;
  right:125px;
  top: 110px;
}

.footer {
  width:1115px;
  height:52px;
  border-style: dotted;
  border-radius: 5px;
  border-width:4px;
  padding:8px;
  background-image: url("https://circustiger.neocities.org/graphics/starbg.png");
  border-color: #1A2343;
  position:fixed;
  left:125px;
  bottom: 20px;
}

.header {
  width:1115px;
  height:40px;
  font-size:25px;
  border-style: dotted;
  border-radius: 5px;
  border-width:4px;
  padding:8px;
  background-image: url("https://circustiger.neocities.org/graphics/starbg.png");
  border-color: #1A2343;
  position:fixed;
  left:125px;
  top: 20px;
}

.marquee {
  padding:4px;
  max-width:100%;
}

a {
  color:darkred;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #2f6a3a #cfded1;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

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

  *::-webkit-scrollbar-thumb {
    background-color: #2f6a3a;
    border-radius: 5px;
    border: 3px none #ffffff;
  }