*, *:after, *:before {
	margin:0;
	padding: 0;
}

.content {
	position: relative;
	
}
.wrapper {
    display: flex;
    height: 100vh;
}
.main-bkgd {
	fill:url(#mainBkgdGrad);
	height:100%;
	display:inline-block;
    position:absolute;
    box-sizing: border-box;
    padding:0;
    margin:0;
}
.main-bkgd2 {
    fill:url(#mainBkgdGrad);
    height:100%;
    display:inline-block;
    position:absolute;
    box-sizing: border-box;
    padding:0;
    margin:0;
}
.triangle-chevere {
    height:350pt;
    width:100%;
    font-size:18rem;
    font-weight: bold;
    fill:url(#myAnimatedGrad);
    /*stroke:#B0F100;
    stroke-width:6;*/
    z-index: 1;
}
.abstract_one {
    fill:url(#myAnimatedGradTwo);
     z-index: 1;
    height: 33vh;
    margin: auto;
}
.amarilloPastel {
	height:350pt;
    width:100%;
	fill:rgba(255, 255, 50, .1);
	filter:url(#f1);
}

.pageTitle {
    font-size: 8rem;
    font-family: Sans-serif;
    font-weight: bold;
    width:100%;
    position: relative;
}

.pageTitle svg {
    width:100%;
    
}

#shapeDiomnd {
    display: none;
}


/* ---- ANIMATIONS ---- */

.rotation-loop {
    -webkit-animation: rotate-loop 12000ms linear infinite;
}
@-webkit-keyframes rotate-loop{
    from{
        
        -webkit-transform:  rotate(0deg);
    }
    to{
        
        -webkit-transform:  rotate(-360deg);
    }
}
.rotation-loop.invert {
    -webkit-animation: rotate-loop-invert 12000ms linear infinite;
}
@-webkit-keyframes rotate-loop{
    from{
        
        -webkit-transform:  rotate(0deg);
    }
    to{
        
        -webkit-transform:  rotate(360deg);
    }
}
.pulse {
    -webkit-animation: pulse 3900ms ease-in-out infinite;
}
@-webkit-keyframes pulse {
    0%,100% {
                    
             -webkit-transform:  scale(.95);
       
    }
    50%{
           
            -webkit-transform:  scale(1);
        
    }
}

.rotation-loop-pulse {
    -webkit-animation: rotate-loop-pulse 9000ms linear infinite;
}
@-webkit-keyframes rotate-loop-pulse {
    from{
        
        -webkit-transform:  rotate(0deg) scale(.5);
    }
    to{
        
        -webkit-transform:  rotate(360deg) scale(1);
    }
}

.bright-pulse {
    -webkit-animation: bright-pulse 2900ms ease-in-out infinite;
}
@-webkit-keyframes bright-pulse {
    0%,100% {
                    opacity: 1;
            -webkit-transform:  scale(.98);
    }
    50%{
            opacity: .2;
            -webkit-transform:  scale(1);
        
    }
}

@-webkit-keyframes translateSpin {
    0%,100% { -webkit-transform:  translate(-80vw, 0);
    }
    50%{ -webkit-transform:  translate(100vw, 0vh);

    }
}