section {
    background: #fff;
}

#header {
    background: var(--clr-wht);
    box-shadow: inset 0 -1px 0 rgb(65 65 65 /0.15);

    & nav {
        & ul {
            margin: auto 0;
        }

        & li {
            color: var(--clr-blk);
            padding: 0.2em 0;
            position: relative;

            &::before {
                background: var(--clr-primary);
                content: '';
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                bottom: 0;
                transform-origin: center top;
                transform: scale(0, 1);
                transition: transform .3s;
            }

            &:hover {
                color: var(--clr-primary);

                &::before {
                    transform-origin: center top;
                    transform: scale(1, 1);
                }
            }
        }
    }
}

#about {
    & .left {
        width: 47.5%;
        margin-right: 5%;
    }
}