.landing main::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: var(--box-h, 0);
    background-color: var(--primary);
    transform-origin: top;
    transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    z-index: 1;
    border: 1px solid #707070;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    }
    .landing main {
        margin-top: 80px;
    }

    .landing main .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }