body {
    background-color: #e8e8e8;
    font-family: "Comic Sans MS", cursive;
    margin: 0;
    padding: 20px;
}

#about-container {
    display: flex;
    max-width: 1000px;
    margin: 40px auto; /* Centered with some top space */
    gap: 40px;
}

#left-col { 
    width: 40%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#right-col { width: 60%; }

/* LEFT SIDE STYLES */
.interesting-section { 
    display: flex; 
    align-items: center; 
    margin-bottom: 25px; 
}

.facts-gif { width: 140px; }

.pfp-img { 
    width: 90px; 
    height: 90px; 
    margin-left: 15px; 
    border: 1px solid #000; 
}

.links-mid { margin-top: 10px; line-height: 1.5; }

.check-this { 
    font-weight: bold; 
    font-size: 14px; 
    color: #000; 
}

.library-link { 
    color: #3366ff; 
    font-size: 18px; 
    text-decoration: underline; 
    font-weight: bold; 
}

.enjoy { 
    font-size: 22px; 
    font-weight: bold; 
    margin: 15px 0; 
}

.spotify-text { 
    color: #000; 
    font-weight: bold; 
    font-size: 18px; 
    text-decoration: none; 
    display: block; 
}

/* SHRUNK BACK BUTTON */
.back-btn {
    font-family: 'Brush Script MT', cursive;
    font-size: 28px; 
    color: #008080;
    text-decoration: none;
    margin-top: 50px;
}

/* RIGHT SIDE RAINBOW TEXT */
.rainbow-story { font-size: 15px; font-weight: bold; line-height: 1.3; }
.red-songs { color: #ff3300; font-size: 15px; font-weight: bold; margin: 15px 0; }
.pink-history { color: #ff00ff; font-size: 15px; font-weight: bold; line-height: 1.3; }
.blue-text { color: #3366ff; }
.orange-red { color: #ff4500; }

.bottom-gif { 
    width: 220px; 
    float: right; 
    margin-top: 20px; 
    border: 2px solid #ff00ff; 
}

/* SPAN COLORS */
.orange { color: #ff9900; } 
.yellow { color: #d4d400; } 
.green { color: #00cc00; }
.blue { color: #00ccff; } 
.dark-blue { color: #3366ff; } 
.purple { color: #9900ff; } 
.pink { color: #ff00ff; }