.profile-main {
    width: 100%;
    background-color:var(--tv-b-color);
    overflow-x: hidden;
}

.profile {
    width: 100%;
    background-color: var(--container-color);
    overflow-x: hidden;
}

/* RAINBOW BORDER STYLES */
.rainbow-border {
border: 3px solid transparent; 
    background-size: 100% 100%;
    background: 
        linear-gradient(var(--container-color), var(--container-color)) padding-box, 
        linear-gradient(90deg, 
            #f32727 0% 11%, 
            #f37a27 11% 22%, 
            #f3f027 22% 33%, 
            #2af327 33% 44%, 
            #27f396 44% 55%, 
            #19a8f5 55% 66%, 
            #2c36f4 66% 77%, 
            #a241ee 77% 88%, 
            #f447cd 88% 100%
        ) border-box;
        background-size: 200% 100%;
    animation: move-rainbow 4s linear infinite;
}

@keyframes move-rainbow {
    from { background-position: 0% 0%; }
    to { background-position: 200% 0%; }
}

/* FUNFACTS BOX STYLES */
.about-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.fact-box {
    text-align:left;
    padding: 10px;
}

.fact-box-box {
    background-color: var(--tv-b-color);
    width: 100%;
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.p-info {
  color:var(--accent);
}

.a-title {
    color: #ffffff;
    cursor:url('/graphics/cursors/magic-cursor-pointer.png') 10 0, pointer;
    background-color:var(--navi-hover);
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    position: sticky;
    top: 0;
    z-index:2;
}