.triangle{
    width: 0;
	height: 0;
    border-style: solid;
    border-width: 0 80px 160px 80px;
    border-color: transparent transparent rgb(66, 46, 65) transparent;
    position: fixed;  
    left: -200px;
    animation: trimove 15s infinite;
}

.bigtriangle{
    width: 0;
	height: 0;
    left: 0;
    top: -10%;
    border-style: solid;
    border-width: 200px 0 200px 400px;
    border-color: transparent transparent transparent rgb(202, 155, 200);
    position: fixed;  
    z-index: -1;
    animation: trifloat 5s infinite;
}

.bigtriangle2{
    width: 0;
	height: 0;
    right: 0;
    top: -10%;
    border-style: solid;
    border-width: 200px 400px 200px 0;
    border-color: transparent rgb(202, 155, 200) transparent transparent;
    position: fixed;  
    z-index: -1;
    animation: trifloat 5s infinite;
}

.bigtriangle3{
    width: 0;
	height: 0;
    left: 34%;
    top: -40%;
    border-style: solid;
    border-width: 400px 200px 0 200px;
    border-color: rgb(202, 155, 200) transparent transparent transparent;
    position: fixed;  
    z-index: -1;
    animation: trifloat 5s infinite;
}

.triangle:hover{
    animation-play-state: paused;
    border-color: transparent transparent rgb(102, 96, 102) transparent;
    opacity: 80%;
}

.circle{
    width: 600px;
	height: 600px;
    -webkit-border-radius:300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    background: rgb(66, 46, 65);
    position: fixed;  
}



@keyframes trimove {
    0% {
        transform: translate(-600%, 20px)
    }
    50% {
        transform: translate(1000%, 20px)
    }
    100% {
        transform: translate(-600%, 20px)
    }
}

@keyframes trifloat {  
    0% {
    
    }
    50% {
        transform: translate(-1%, -5%);
    }
    100% {
        
    }
}