/*animation: free-learnColorAnimation 5s infinite alternate;*/
/*animation-name: WithdAnimation;*/
/*animation-duration: 1s;*/
/*animation-iteration-count: infinite;*/
/*------------------------------------------*/
/*transition: all 1s linear;*/
@keyframes ShadowAnimation
{
    0%{box-shadow: 1px 1px 0px black;}
    20%{box-shadow: 1px 1px 2px black;}
    40%{box-shadow: 1px 1px 4px black;;}
    60%{box-shadow: 1px 1px 6px black;}
    80%{box-shadow: 1px 1px 8px black;}
    100%{box-shadow: 1px 1px 10px black;}
    80%{box-shadow: 1px 1px 8px yellow;}
    60%{box-shadow: 1px 1px 6px black;}
    40%{box-shadow: 1px 1px 4px black;;}
    20%{box-shadow: 1px 1px 2px black;}
    0%{box-shadow: 1px 1px 0px black;}
    /*100%{box-shadow: 1px 1px 10px black;}*/
}
@keyframes ColorAnimation
{
    fom{
        color: white;
    }
    to{
        color:  #bfbf00;
    }
}
@keyframes BorderColorAnimation
{
    fom{
        border-color: white;
    }
    to{
        border-color:  #bfbf00;
    }
}
@keyframes BackgroundColorAnimation
{
    fom{
        background-color: white;
    }
    to{
        background-color:  #bfbf00;
    }
}
@keyframes BorderAnimation
{
    0%{
        border-top: 1px solid #bfbf00;
        border-left: none;
        border-bottom: none;
        border-right: none;

    }
    25%{
        border-top: none;
        border-left: 1px solid #bfbf00;
        border-bottom: none;
        border-right: none;
    }
    50%{
        border-top: none;
        border-left: none;
        border-bottom:1px solid #bfbf00;
        border-right: none;
    }
    100%{
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: 1px solid #bfbf00;
    }

}
@keyframes WithdAnimation
{
    from{
        width: 50%;
    }
    to{
        width: 100%;
    }
}
@keyframes WithdAndHeightAnimation
{
    from{
        width: 0%;
        height: 0%;
    }
    to{
        width: 100%;
        height: 100%;
    }
}
@keyframes TopdAndLeftAnimation
{
    from{
        top: 0%;
        Left: 0%;
    }
    to{
        top: 100%;
        left: 100%;
    }
}
@keyframes OpasityAnimation
{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }

}