.graphics-wrapper {
    position: fixed;
    top: 60%;
    left: calc(50% - 300px);
    z-index: -1000;
}

.graphics-line1 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* background-color: #aafc62; */
    background: rgb(0, 212, 255);
    background: linear-gradient(210deg, rgba(0, 212, 255, 1) 0%, rgba(0, 191, 255, 1) 40%, 2 100%);
    animation-delay: 2s;
    position: absolute;
    left: 100px;
    top: 0px;
    height: 500px;
    width: 70px;
    /* clip-path: polygon(0 0, 100% 0%, 45% 100%, 0% 100%); */
    transform: rotate(35deg);
}

.graphics-line2 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* #83fb26,#46f558 */
    /* background-color: #83fb26; */
    background: rgb(3, 237, 133);
    background: linear-gradient(325deg, rgba(0, 212, 255, 1) 0%, rgba(18, 182, 138, 1) 10%, rgba(0, 212, 255, 1) 100%);
    animation-delay: 4s;
    height: 300px;
    width: 70px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 91%);
    position: absolute;
    top: 25px;
    left: 250px;
}

.graphics-line3 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* background-color: #aafc62; */
    background: rgb(3, 237, 133);
    background: linear-gradient(212deg, rgba(3, 237, 133, 1) 0%, rgba(18, 182, 138, 1) 27%, rgba(0, 255, 211, 1) 100%);
    animation-delay: 2s;
    height: 333px;
    width: 73px;
    position: absolute;
    left: 339px;
    top: 16px;
    transform: rotate(35deg);
    clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
}

.graphics-line4 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* background-color: #83fb26; */
    background: rgb(3, 237, 87);
    /* background: linear-gradient(345deg, rgba(3,237,87,1) 0%, rgba(3,237,133,1) 27%, rgba(3,237,133,1) 100%); */
    background: linear-gradient(345deg, rgba(3, 237, 87, 1) 0%, rgba(1, 203, 113, 1) 76%, rgba(3, 237, 133, 1) 100%);
    animation-delay: 2s;
    height: 274px;
    width: 70px;
    position: absolute;
    left: 443px;
    top: 25px;
}

.graphics-line5 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* background-color: #aafc62; */
    background: rgb(3, 237, 52);
    background: linear-gradient(211deg, rgba(3, 237, 52, 1) 0%, rgba(0, 201, 59, 1) 76%, rgba(3, 237, 87, 1) 100%);
    animation-delay: 2s;
    height: 334px;
    width: 73px;
    position: absolute;
    left: 531.5px;
    top: 16px;
    transform: rotate(35deg);
    clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%);
}

.graphics-line6 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    /* background-color: #83fb26; */
    background: rgb(3, 237, 52);
    background: linear-gradient(211deg, rgba(3, 237, 52, 1) 0%, rgba(0, 201, 59, 1) 27%, rgba(3, 237, 87, 1) 100%);
    animation-delay: 2s;
    height: 274px;
    width: 70px;
    position: absolute;
    left: 634px;
    top: 25px;
}

.graphics-line7 {
    /* background-color: linear-gradient(100grad ,#aafc62); */
    background: rgb(3, 237, 95);
    background: linear-gradient(325deg, rgba(3, 237, 95, 1) 0%, rgba(3, 237, 52, 1) 27%, rgba(3, 237, 52, 1) 100%);

    /* background: rgb(3,237,181);
    background: linear-gradient(325deg, rgba(3,237,181,1) 0%, rgba(3,237,118,1) 27%, rgba(3,237,95,1) 100%); */
    animation-delay: 2s;
    height: 1200px;
    width: 73px;
    position: absolute;
    left: 951px;
    top: -742px;
    transform: rotate(35deg);
    clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 97%);
}

.graphics-two-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1001;
}

.graphics-two-line1 {
    height: 200%;
    width: 73px;
    transform: rotate(-45deg);
    background-color: #aafc62;
    position: fixed;
    top: -50%;
    left: 100%;
}

.graphics-two-line2 {
    height: 300%;
    width: 73px;
    transform: rotate(-45deg);
    left: 30%;
    top: -20%;
    position: fixed;
    background-color: #83fb26;
    background-color: rgba(4, 114, 204, 1);
}