@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,700);body{margin:0;padding:50px;background:linear-gradient(45deg,#1f264f 0,#2790c3 78%);background-position:center;background-attachment:fixed;display:flex;justify-content:center}.container{padding:20px;max-width:360px;box-sizing:border-box;overflow:hidden;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.5);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:Montserrat,sans-serif}#upi-id{margin:0;color:#66686c}.container .qr-code{width:90%;height:90%;margin-top:20px;margin-bottom:20px;align-self:center}.container .upi-logo{width:auto;align-self:center}.container .upi-apps{width:100%;display:flex;justify-content:space-evenly;align-items:center}.container a{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.container button{font:inherit;font-weight:700;width:98%;margin-bottom:2px}.button{height:45px;font-size:16px;color:#000;font-weight:bolder;background:#fec338;border:none;border-radius:22px;box-shadow:0 2px 2px rgba(0,0,0,.4);transition:all .3s ease 0s;outline:0;cursor:pointer}.button:hover{background:#f2b935}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}@media only screen and (max-width:560px){body{padding:50px}}@media only screen and (max-width:460px){body{padding:30px}}@media only screen and (max-width:350px){body{font-size:14px;padding:20px}.container{padding:15px}}