:root {
    --col-orig-light-neut:  #c2c0b9;
    --col-orig-light-prim:  #c48569;
    --col-orig-light-sec:   #9db2c5;
    --col-orig-dark-prim:   #3f2a1e;
    --col-orig-dark-sec:    #0f0e14;

    --col-light-neut:  #e9ded8;
    --col-light-prim:  #ffbfa8;
    --col-light-sec:   #d0e8fb;
    --col-med-prim:    #b9795f;
    --col-med-sec:     #5c708e;
    --col-dark-prim:   #3f2a1e;
    --col-dark-sec:    #0f0e14;
    --col-bg-one:      #eee;
    --col-bg-two:      #fdfdff;
    --col-bg-three:    #ffffff;

    --col-border-frame-one:   #b7b9b8;

    --thickness-frame:  1px;
}

.homep {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
}

.homep ul {
    margin-left: -15px;
}

.homep ul li {
    margin-bottom: 4px;
}


#page-cpi-area a{
    color: var(--col-med-sec);
    text-decoration: underline;
}
#page-cpi-area a:hover {
    color: var(--col-orig-light-prim);
    text-decoration: underline;
}
#page-cpi-area {
    background-color: var(--col-bg-three);
    font-size: 0.8rem;
    padding: 0.5rem; 0 0.5rem 0;
    margin-left: 0;
    text-align: center;
    flex-grow: 0;
    border-top: var(--thickness-frame) solid var(--col-border-frame-one)
}