@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;700&display=swap);*{box-sizing:border-box}body,html{margin:0;padding:0}.header{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);z-index:10}.header,.navbar-container{display:flex;justify-content:center;position:relative}.navbar-container{align-items:center;height:64px;width:95vw}.navbar-container-title{font-family:Roboto,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:18px}.card-cont-cont{margin-top:5rem}.card-cont,.card-cont-cont{align-items:center;display:flex;justify-content:center;width:100%}.card-cont{background-color:#fff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.3);margin:8px;max-width:400px;transition:.3s}.card-cont:hover{box-shadow:0 0 2px rgba(0,0,0,.3)}.card{display:flex;flex-direction:column;width:100%}.card-footer,.card-header{background-color:blue;color:#fff;font-family:Georgia,Times New Roman,Times,serif;padding:1rem;text-align:center}.card-header{border-radius:5px 5px 0 0}.card-body{padding:1rem}.amount-cont>input{border:1px solid #000;border-radius:5px;margin-bottom:8px;padding:8px;width:100%}.card-footer{border-radius:0 0 5px 5px;display:flex;justify-content:space-around}.btn{background-color:aqua;border:0;border-radius:5px;cursor:pointer;font-size:16px;outline:none;padding:8px;transition:.3s}.card-footer>.btn{max-width:150px;width:100%}.btn:hover{color:#fff}.card-header>h2{margin:0}