body {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-image: linear-gradient(rgba(43, 26, 19, 0.7), rgba(0, 0, 0, 0.8)), url('https://basilthesheep.neocities.org/SiteImages/bg%20(8).jpg');
            background-repeat: repeat;
            margin: 0;
            padding: 20px;
        }
    
        h1 {
            text-align: center;
            font-size: 0.7em; 
            color: #e8c191;
        }

        h2 {
            text-align: center;
            text-decoration: underline;
        }

        a {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            /* Prevents overflow issues on narrow displays */
        }        
        
        header {
           position: relative;
            width: 100%;
            height: 180px;
            border-radius: 16px;
            overflow: hidden;
            border: 2px solid #0e0703;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            margin-bottom: 20px;

            background-image:url('https://basilthesheep.neocities.org/PK/SysBanner.gif');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        /* --------------------DIVIDER------------------------- */


        #Wrap {
            display: flex;
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
            gap: 25px;
            box-sizing: border-box;
        }

        /* --------------------DIVIDER------------------------- */
    
        #Sidebar {
            width: 200px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url('https://basilthesheep.neocities.org/SiteImages/bg%20(7).jpg');
            background-repeat: no-repeat;
            background-size: cover;
            border: 2px solid #856045 ;
            border-radius: 16px;
            padding: 20px 15px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
    
            position: sticky;
            top: 20px;
            height: 720px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
        }
    
        .sidebar-profile {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            text-align: center;
            margin-bottom: 5px;
            border-bottom: 2px solid #856045 ;
            padding-bottom: 10px;
            text-decoration: underline #856045 ;
        }
    
        #Iso {
            border-radius: 30%;
            border: 3px solid #856045 ;
            background-image: url('https://basilthesheep.neocities.org/SiteImages/Isopodsilly.gif');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .sidebar-guest {
            display: inline-block; /* Essential to let spans hold width & height */
            width: 75px;
            height: 75px;
            
            background-image: url('https://basilthesheep.neocities.org/SiteImages/stamp.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            
            transition: transform 0.2s ease-in-out;
            cursor: pointer;
        }

        .sidebar-guest:hover {
        transform: scale(1.05) rotate(3deg); /* Slight lift and turn on hover */
        }

    
        /* --------------------DIVIDER------------------------- */
        #Content {
            flex-grow: 1;
            min-width: 0;
            /* Safeguards column layout against breaking flex bounds */
        }        
        
        #HomeInfo {
            background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://basilthesheep.neocities.org/SiteImages/bg%20(6).jpg');
            background-repeat: no-repeat;
            background-size: cover;           
            border: 2px solid #0c0805;
            border-radius: 16px;
            padding: 15px;
            margin-top: 15px;
            margin-bottom: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
            
        }


        #HomeInfo > div:nth-child(2) {
        display: grid;
        grid-template-columns: 2fr 1fr; 
        gap: 20px; 
        align-items: stretch;
        }

 
        .left-column {
        display: flex;
        flex-direction: column;
        gap: 20px; /* Space between About Us and Interests */
        }

        .section {
        background-color: #ebc5a177;
        background: linear-gradient(180deg, #ebc5a177 50%, rgb(211, 163, 131) 100%);
        padding: 10px;
        border-radius: 10px;
        height: 100%; /* Ensures inner content fills available space */
        box-sizing: border-box;
        }

    
        .right-section {
        align-self: stretch;
        }

        .log-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
        }

        .log-list li {
        background: #eef2f3;
        padding: 10px 12px;
        border-radius: 4px;
        font-size: 0.9rem;
        }

        #Welcome{         
            border: 2px solid #0c0805;
            margin-bottom: 10px;
            text-align: center;
        }


        /* --------------------DIVIDER------------------------- */

        #Nav {
            position: sticky;
            top: 0;
            margin-top: -80px;
            z-index: 100; 
            display: flex;
            justify-content: center;
            width: 100%;
            gap: 15px; 
            padding: 15px 0;
            background-color: #856045;
            background: linear-gradient(180deg, rgba(133, 96, 69, 1) 0%, rgba(255, 228, 191, 1) 100%);
            border: 2px solid #000000;
            border-radius: 0px 0px 10px 10px;
           
        }
                
    
        /* --------------------DIVIDER------------------------- */
      #Footer {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url('https://basilthesheep.neocities.org/SiteImages/bg%20(4).jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #856045;
  border-radius: 16px;
  padding: 20px;
  margin-top: 40px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        table {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        }

        .widgets {
        text-align: center;
        vertical-align: middle; /* Keeps all columns vertically centered */
        padding: 0 10px 5px 10px;
        }

        .widgets:not(:last-child) {
        border-right: 2px solid #856045;
        }

        .socials {
        display: flex;
        justify-content: center;
        gap: 6px;
        flex-wrap: wrap;
        }

        .Linkbutton {
        background-color: #1d120a;
        color: #fff;
        text-decoration: none;
        padding: 8px 16px;
        font-size: 1em;
        border-radius: 8px;
        transition: background-color 0.2s, transform 0.2s, border-color 0.2s;
        display: inline-block;
        }

        .Linkbutton:hover {
        background-color: #3f2919;
        transform: translateY(-2px);
        }

        .Linkbutton.active {
        background: linear-gradient(180deg, #1d120a 50%, rgb(211, 163, 131) 100%);
        color: #fff;
        font-weight: bold;
        border: 3px solid #f3efec;
        }

        /* --------------------DIVIDER------------------------- */