/*
    ******COLOR PALLETTE******
    Primary: #5131E0
    Secondary: #425FEB
    Tertiary: #F028C0
    Secondary-accent: #2A63F7
    Tertiary-accent: #B12AF7
    Teal: #83DDE0
*/

#MainAnimation {
    width: 100%;
    height: 500px;
    background-image: linear-gradient(to bottom, #5131E0, #F028C0);
    margin: auto auto;
    animation-name: gradiant;
    animation-duration: 4s;
    animation-iteration-count: 2;
}

@keyframes gradiant {
    0% { background-image: linear-gradient(to bottom, #5131E0, #F028C0); }
    10% { background-image: linear-gradient(to bottom, #425FEB, #B12AF7); }
    20% { background-image: linear-gradient(to bottom, #B12AF7, #83DDE0); }
    40% { background-image: linear-gradient(to bottom, #425FEB, #B12AF7); }
    80% { background-image: linear-gradient(to bottom, #5131E0, #F028C0); }
}