#my_background {
    background-image: url('../image/au\ png\ logo1.png');
    /* background-repeat: no-repeat; */
    background-attachment: fixed;
    max-width: 100%;
    height: auto;
}

.card-body h5 {
    color: black;
    font-family: 'Caveat', cursive;
    font-size: xx-large;
}

.card-body a {
    text-decoration: none;
}

.swirl-in-right-fwd {
    -webkit-animation: swirl-in-right-fwd 0.6s ease-out 1s both;
    animation: swirl-in-right-fwd 0.6s ease-out 1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-10-1 14:14:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-in-right-fwd
 * ----------------------------------------
*/
@-webkit-keyframes swirl-in-right-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

@keyframes swirl-in-right-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

.roll-in-bottom {
    -webkit-animation: roll-in-bottom 1s ease-out both;
    animation: roll-in-bottom 1s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-10-1 14:21:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}

@keyframes roll-in-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}