@keyframes fadeInOnly {
    from {
        opacity: 0;
        /*margin-left: -100%;*/
    }

    to {
        opacity: 1;
        /*margin-left: 0%;*/
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        height: 0;
        /*margin-left: -100%;*/
    }

    to {
        opacity: 1;
        height: auto;
        /*margin-left: 0%;*/
    }
}


@keyframes fadeOut {
    from {
        opacity: 1;
        margin-top: 0%;
    }

    to {
        opacity: 0;
        margin-top: -50%;
        height: 0;
    }
}

@keyframes animatefromtoptobottom {
    from {
        bottom: 800px;
        opacity: .5;
    }

    to {
        bottom: inherit;
        opacity: 1;
    }
}

@keyframes animatefromlefttoright {
    from {
        right: 500px;
        opacity: .5;
    }

    to {
        right: inherit;
        opacity: 1;
    }
}

@keyframes animateBorderRadius{
    from {
        border-radius: 0%;
        opacity: .1;
    }

    to {
        border-radius: inherit;
        opacity: 1;
    }
}


/*@keyframes hide {
    from {
        visibility: visible;
        display: block;
    }

    to {
        visibility: hidden;
        display: none;
    }
}*/