@keyframes techWheel_positive {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes techWheel_negative {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.bg-tech-animation {
    z-index: -1;
    display: flex;
    position: relative;
    justify-content: center;
    top: -70rem;
    left: 10.5rem;
    width: 100%;
    height: 100%;

}
.tech-animation {
    width: 120vh;
    opacity: .095;
    position: fixed;
    transition: transform .6s linear;
}

.background {
    position: absolute;
    z-index: -1;
    transition: 20s linear;
}


.backgound__mini-cloud-1 {
    position: fixed;
    top: 10vh;
    left: 0;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 3rem;
    width: 3rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-2 {
    position: fixed;
    top: 30vh;
    left: 10%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 2rem;
    width: 2rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-3 {
    position: fixed;
    top: 35vh;
    right: 5%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 3rem;
    width: 3rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-4 {
    position: fixed;
    top: 45vh;
    right: 20%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 1.5rem;
    width: 1.5rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-5 {
    position: fixed;
    top: 65vh;
    right: 0;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 3.5rem;
    width: 3.5rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-6 {
    position: fixed;
    top: 70vh;
    left: 15%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 1.5rem;
    width: 1.5rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-7 {
    position: fixed;
    top: 83vh;
    left: 35%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 2rem;
    width: 2rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;  
}
.backgound__mini-cloud-8 {
    position: fixed;
    top: 90vh;
    left: 10%;
    border-radius: 5rem;
    background-color: var(--main-700);
    height: 3rem;
    width: 3rem;
    z-index: -1;
    opacity: .1;
    transition: inherit;
}