body {
  background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/archived%20backgrounds/colours/black/bgredswirl.gif");
  background-color: black;
  color: red;
  font-family: cursive;
  
}

#logo {margin-bottom: -75px; margin-top: -30px; position: relative; z-index: -99; text-align: center;}

.nav {
  border-style: solid;
  border-color: red;
  padding: 10px;
  margin: 10px;
  background-color: black;
}

.box {
  background-color: black;
  border-style: solid; 
  border-color: Red;
  padding: 10px;
  margin: 10px;
}

.side_blinkeys {
  width: 150px;           /* Sets a standard width for your sidebars */
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-style: solid;
  border-color: red;
  border-radius: 1rem;
  padding: 10px;
  margin: 10px;
  background-color: black;
  align-items: center;
  height: auto;
  
}

#neocities-badge {
  clear: both;     /* Tells the badge: "Don't let anything sit next to me" */
  display: block;
  margin-top: 30px; 
}

.container {
    display: flex;
    flex-direction: row;
    justify-content: center; /* This centers the group */
    align-items: flex-start;
    gap: 100px;               /* Increase this to see it work! */
    width: 100%;             /* Vital for centering */
    margin: 0 auto;
}

.content-frame {        /* this is the i frame */
    width: 100%;       /* This makes it span the whole red box */
    height: 800px;      /* Adjust this to how tall you want it */
    border: none;       /* Removes that silver/white default border */
    display: block;     /* Prevents weird gaps at the bottom */
}

/* 1. The Width */
::-webkit-scrollbar {
    width: 17px; /* Win7 scrollbars were quite chunky */
}

/* 2. The Track (The background) */
::-webkit-scrollbar-track {
    background: #1a1a1a; /* Dark base */
    border-left: 1px solid #333;
    box-shadow: inset 1px 0px 5px rgba(0,0,0,0.5); /* Gives it depth */
}

/* 3. The Thumb (The draggable part) */
::-webkit-scrollbar-thumb {
    /* This gradient creates the 'curved' glossy look of Win7 buttons */
    background: red; 
    
    border: 1px solid #000;
    border-radius: 2px; /* Win7 had slightly rounded corners */
    
    /* This inner shadow mimics the 'reflection' on the glass */
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 
                inset 0 -1px 1px rgba(0,0,0,0.3);
}

/* 4. Hover State */
::-webkit-scrollbar-thumb:hover {
    background: red;
}

#mute-btn {
            position: fixed;
            top: 10px;
            right: 20px;
            z-index: 9999;
            background: red;
            color: darkred;
            border: 1px solid darkred;
            font-family: 'Courier New', monospace;
            font-size: 10px;
            padding: 5px 10px;
            margin: 10px;
            cursor: pointer;
            letter-spacing: 1px;
        }
#mute-btn:hover { background: #ff0000; color: #000; }

        a:link {
            color: red;
        }
        /* Visited Link */
        a:visited {
            color: gray;
        }
        /* Mouse Over Link */
        a:hover {
            color: white;
        }
        /* Click on Link */
        a:active {
            color: gray;
            text-decoration: underline;
        }