body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{outline:none}.card-input-box{width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:0;border-radius:10px;background:linear-gradient(270deg,#0bccd3,#545854);margin:auto;padding:20px;font-size:17px}.card-number,.mon-year,.name,.pay{display:flex}label{margin-left:10px;color:#fff;font-weight:bolder}.expiry{display:flex;justify-content:space-between}input[type=text],select{-moz-appearance:textfield;width:95px;padding:5px;border:0;border-radius:5px;margin:10px;font-size:19px}#name{width:95%}#cvc{width:150px}button{text-transform:uppercase;border:0;width:100%;padding:7px;border-radius:5px;margin:10px;font-size:20px;background:linear-gradient(90deg,#229ee6,#74ec11);color:#1f1e1d}@media(max-width:550px){.card-input-box{width:320px}.expiry{display:flex;flex-direction:column}#cvc{width:290px}input[type=text]{width:50px}}.card-details{width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:0;border-radius:10px;background:linear-gradient(270deg,#0bccd3,#545854);margin:auto;padding:20px;font-size:17px}.App{padding:0;margin:0;height:100vh;width:100%;background:linear-gradient(90deg,#8e9eab,#eef2f3)}
/*# sourceMappingURL=main.3a52dfbc.chunk.css.map */