/* Selection Highlight Color */
::selection {
  background: black;
  color: #2CFF05;
}

/* Link Color */
a {
  color: #18471c;
}

/* Body Style */
body {
  background-image: url('https://syserror404.neocities.org/pictures/sidebar1.jpg');
  background-size: cover;
  background-position: center;
}

h2 {
  margin: 0;
}

/* Highlight Color */
mark {
  background-color: black;
  color: #2CFF05;
}

p {
  margin: 5px;
}

/* Table Style */
table, th, td {
  border: 1px solid black;
}
      
th, td {
  padding: 5px;
}

/* Main Container */
.container {
  font-family: 'Jersey 25';
  width: 1090px;
  margin: 30px auto;
  padding: 10px;
  /* Grid Display Settings */
    display: grid;
      gap: 10px;
      grid-template-columns: repeat(10, 100px);
      grid-template-rows: 150px repeat(8, 100px) 30px;
      grid-template-areas:
      'header header header header header header header header header header'
      'buttons buttons body body body body body body rss rss'
      'buttons buttons body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'rings rings body body body body body body updates updates'
      'footer footer footer footer footer footer footer footer footer footer';
  }
  
  #body {
    grid-area: body;
    padding: 10px;
    overflow-y: scroll;
    scrollbar-color: #2CFF05 black;
  }
  
  /* Generic Box */
.box {
  background-color: #c5d6c6;
  border-radius: 25px;
  padding: 15px;
}
 /* No AI Webring */
.no-ai {
  width: 180px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #0b3015;
  color: white;
  bottom: 100%;
  left: 65%;
  margin-left: -50px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
   
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Header */
#header {
  grid-area: header;
  text-align: center;
}

#buttons {
  grid-area: buttons;
  text-align: center;
}

#rings {
  grid-area: rings;
  text-align: center;
}

#rss {
  grid-area: rss;
  text-align: center;
}

/* Update Log */
#updates {
  grid-area: updates;
  text-align: center;
  overflow-y: scroll;
  scrollbar-color: #2CFF05 black;
}

/* Footer */
#footer {
  grid-area: footer;
  padding: 4px 10px;
}