﻿.CircularPattern {
    background: #BDFFB0;
    background: -webkit-repeating-radial-gradient(ellipse farthest-corner at top center, #BDFFB0 72%, #D4E1FF 73%, #042526 73%);
    background: -moz-repeating-radial-gradient(ellipse farthest-corner at top center, #BDFFB0 72%, #D4E1FF 73%, #042526 73%);
    background: repeating-radial-gradient(ellipse farthest-corner at top center, #BDFFB0 72%, #D4E1FF 73%, #042526 73%);
}

.GreenCurve {
    background: #CAE3D2;
    background: -webkit-radial-gradient(circle farthest-corner at top right, #CAE3D2 49%, #09473B 30%);
    background: -moz-radial-gradient(circle farthest-corner at top right, #CAE3D2 49%, #09473B 30%);
    background: radial-gradient(circle farthest-corner at top right, #CAE3D2 49%, #09473B 30%);
}
.GreenCurveBottom {
    background: #CAE3D2;
    background: -webkit-radial-gradient(circle farthest-corner at top right, #CAE3D2 57%, #09473B 57%);
    background: -moz-radial-gradient(circle farthest-corner at top right, #CAE3D2 57%, #09473B 57%);
    background: radial-gradient(circle farthest-corner at bottom right, #CAE3D2 57%, #09473B 57%);
}

.SoundWaveCenterGreenBlue {
    background: #0C7564;
    background: -webkit-repeating-radial-gradient(ellipse farthest-side at center center, #0C7564 66%, #080801 67%, #090214 66%);
    background: -moz-repeating-radial-gradient(ellipse farthest-side at center center, #0C7564 66%, #080801 67%, #090214 66%);
    background: repeating-radial-gradient(ellipse farthest-side at center center, #0C7564 66%, #080801 67%, #090214 66%);
}
.SquareBox {
    background: #010800;
    background: -webkit-linear-gradient(to right, #010800 28%, #EFFF14 24%, #122B20 29%);
    background: -moz-linear-gradient(to right, #010800 28%, #EFFF14 24%, #122B20 29%);
    background: linear-gradient(to right, #010800 28%, #EFFF14 24%, #122B20 29%);
}
.SquareBox1 {
    background: #000000;
    background: -webkit-repeating-radial-gradient(ellipse farthest-corner at top center, #000000 83%, #061707 0%, #09302A 84%);
    background: -moz-repeating-radial-gradient(ellipse farthest-corner at top center, #000000 83%, #061707 0%, #09302A 84%);
    background: repeating-radial-gradient(ellipse farthest-corner at top center, #000000 83%, #061707 0%, #09302A 84%);
}
.SideBarGradRight {
    background: #021915;
    background: -webkit-linear-gradient(to right, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
    background: -moz-linear-gradient(to right, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
    background: linear-gradient(to right, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
}
.SideBarGradLeft {
    background: #021915;
    background: -webkit-linear-gradient(to left, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
    background: -moz-linear-gradient(to left, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
    background: linear-gradient(to left, #021915 90%, #0C5C5C 57%, #40FFEC 95%, #29E3A5 98%);
}
.SideCircleGradLeft {
    background: #063D1E;
    background: -webkit-radial-gradient(circle farthest-corner at left center, #063D1E 11%, #538A7B 19%, #94FFB8 12%, #062924de 24%);
    background: -moz-radial-gradient(circle farthest-corner at left center, #063D1E 11%, #538A7B 19%, #94FFB8 12%, #062924de 24%);
    background: radial-gradient(circle farthest-corner at left center, #063D1E 11%, #538A7B 19%, #94FFB8 12%, /*#34634F*/ #062924de 24%);
}
.SideCurveBlueGreen {
    background: #2E809E;
    background: radial-gradient(circle farthest-corner at bottom right, #2E809E 0%, #1E7C87 0%, #001F00 83%, #ABFFFC 0%, #466975 100%);
}
.SideCurveBlueGreen1 {
    background: #2E809E;
    background: radial-gradient(circle farthest-corner at top left, #2E809E 0%, #1E7C87 0%, #001F00 83%, #ABFFFC 0%, #466975 100%);
}
.SideCurveTeal {
    background: radial-gradient(circle farthest-side at top left, #20c9971c 98%, #18d9a8 13%, #2c4c3a 100%, #2AD4B7 17%, #1fbba0 99%)
}
.SeeGreenSideCurve {
    background: #FCFEFF;
    background: radial-gradient(circle farthest-side at top right, #FCFEFF 0%, #EDFFF9 99%, #8DC9AD 91%, #F7FEFF 100%, #A3B3A3 17%);
}
.BottomTeal {
    background: #002114;
    background: -webkit-linear-gradient(to top, #002114 0%, #3E9E84 25%, #E6FFF0 76%);
    background: -moz-linear-gradient(to top, #002114 0%, #3E9E84 25%, #E6FFF0 76%);
    background: linear-gradient(to top, #002114 0%, #3E9E84 25%, #E6FFF0 76%);
}
.anim_gradient {
    anim_gradient
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.greenOrange {
    background: linear-gradient(269deg, #f5c810, #f59510, #f3e4cf, #51df95, #04582c);
    background-size: 1000% 1000%;
    -webkit-animation: AnimationName 31s ease infinite;
    -moz-animation: AnimationName 31s ease infinite;
    animation: AnimationName 31s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}
.orangeGreen {
    background: linear-gradient(269deg, #04582c,#51df95,#f3e4cf,#f59510,#f5c810);
    background-size: 1000% 1000%;
    -webkit-animation: AnimationName 31s ease infinite;
    -moz-animation: AnimationName 31s ease infinite;
    animation: AnimationName 31s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 14% 0%
    }

    50% {
        background-position: 87% 100%
    }

    100% {
        background-position: 14% 0%
    }
}
