/**
 * About Section Styles
 */

section.about {
    background-color: var(--color-purple);
    padding: 0 var(--cell-width) var(--cell-height) var(--cell-width);
    display: flex;
}

section.about .about-content {
    width: calc(var(--cell-width) * 8);
    height: 100%;
    background-color: var(--color-yellow);
    padding: var(--padding-sm);
    padding-top:0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    color: var(--color-brown);
}

section.about .about-content .about-content-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

section.about .about-main {
    width: calc(var(--cell-width) * 17);
    height: 100%;
    /* border: 1px solid var(--color-white); */
}