style.css

.title {
  
    background: transparent;
    font-family: 'Righteous', cursive;
    text-shadow: 3px 3px 5px black;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

select {
	margin: 10px;
}

.card {
    
    border: black solid 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    background-color: transparent;
    border-radius: 50% 10% / 10% 40%;

}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0, 1);

}


.btn:hover {
    background-color: white;
    color: black;
    cursor: grab;
}


.card-header {
    text-align: center;
    color: black;
    font-size: 20px;
    background: linear-gradient(to right, #F7D7D4, #fe2612a6, #347B98, #FB9902, #342309);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    font-family: 'Righteous', cursive;
    border-radius: 10% 40% / 50% 20% !important
}

.placeholder {
    font-size: small;
    text-align: center;
}

#currency-amount {
    margin-left: 10px;
}


/* ********************************************************************* */

body {
    background: #8a9da5;
}

.new_footer_top {
    padding: 100px 0px 200px;
    position: relative;
    overflow-x: hidden;
}
.new_footer_area .footer_bottom {
    padding-top: 5px;
    padding-bottom: 50px;
}
.footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #7f88a6;
    padding: 27px 0px;
}

.new_footer_top .f-title {
    margin-bottom: 30px;
    color: #263b5e;
}


.new_footer_top .footer_bg {
    position: absolute;
    bottom: 0;
    background: url("https://droitthemes.com/html/saasland/img/seo/footer_bg.png") no-repeat scroll center 0;
    width: 100%;
    height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
    background: url("https://1.bp.blogspot.com/-mvKUJFGEc-k/XclCOUSvCnI/AAAAAAAAUAE/jnBSf6Fe5_8tjjlKrunLBXwceSNvPcp3wCLcBGAsYHQ/s1600/volks.gif") no-repeat center center;
    width: 330px;
    height: 105px;
    background-size:100%;
    position: absolute;
    bottom: 0;
    left: 30%;
    -webkit-animation: myfirst 22s linear infinite;
    animation: myfirst 22s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
    background: url("https://1.bp.blogspot.com/-hjgfxUW1o1g/Xck--XOdlxI/AAAAAAAAT_4/JWYFJl83usgRFMvRfoKkSDGd--_Sv04UQCLcBGAsYHQ/s1600/cyclist.gif") no-repeat center center;
    width: 88px;
    height: 100px;
    background-size:100%;
    bottom: 0;
    left: 38%;
    position: absolute;
    -webkit-animation: myfirst 30s linear infinite;
    animation: myfirst 30s linear infinite;
}



@-moz-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

/*************footer End*****************/


ul {
	font-size: 15px;
	text-align: left;
	margin-left: -38px;
}