@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Space Grotesk,sans-serif;margin:0;padding:0}body{background:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png) top/100% 240px no-repeat fixed,#fff}#root,body{height:100vh;width:100%}#root{align-items:center;display:grid;justify-content:center}@media only screen and (min-width:710px){body{background:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png) 0 0/40% 100% no-repeat fixed,#fff}}label{font-size:12px;font-weight:500;text-transform:uppercase}input{border-radius:8px;font-size:18px;font-weight:600;height:45px;padding:0 10px;width:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::-webkit-input-placeholder{color:rgba(0,0,0,.4)}input::placeholder{color:rgba(0,0,0,.4)}button{background:#000;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:50px;width:100%}h2{color:#000;font-size:28px;letter-spacing:12%}.reactLogo{left:20px;position:absolute;top:10px;width:6rem}.main-container{display:grid;grid-template-rows:43% 57%;height:100%;max-width:1200px;width:100%}.card-holder{margin:0 auto;max-width:600px;position:relative;width:500px}.card-one,.card-two{height:159px;width:288px}.card-one{background:url(/static/media/bg-card-front.8153e2ca184402a8385f.png) 50%/288px 159px no-repeat;left:20px;top:125px;z-index:2}.card-one,.card-two{border-radius:8px;position:absolute}.card-two{background:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png) 50%/288px 159px no-repeat;right:20px;top:30px;z-index:1}.input-container{display:flex;flex-direction:column;gap:2px}.errorBorder{border:2px solid tomato}.errormessage{color:tomato;font-size:12px;font-weight:600}.input-collection-holder{display:flex;gap:10px}.name-date{color:#fff;font-size:10px;text-transform:capitalize}.secure-holder{grid-gap:10px;display:grid;gap:10px;grid-template-columns:40% auto}.text-container-card{grid-gap:5px;display:grid;gap:5px;left:20px;position:absolute;top:85px;width:248px}.name-date-container{display:flex;justify-content:space-between}.completePage,.input-holder-form{display:flex;flex-direction:column;gap:18px;margin:0 20px}.completePage{align-items:center}.completePage img{width:80px}.holder-name{color:#fff;font-size:18px;font-weight:600;letter-spacing:.1em;line-height:36px;text-shadow:1.2px 1.2px 0 #868686,1px 1px 0 #868686,.8px .8px 0 #868686,.6px .6px 0 #868686,.4px .4px 0 #868686,.2px .2px 0 #868686;width:100%}.holder-name-Active{border:1px solid #fff;border-radius:4px}.cardlogo{left:20px;top:20px;width:50px}.cardlogo,.cvc{position:absolute}.cvc{font-size:16px;font-weight:700;right:32px;top:67.5px}h4{color:#868686;font-size:18px;font-weight:500}@media only screen and (min-width:710px){.main-container{align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:0 40px;width:100%}.card-holder{height:250px;min-width:330px;width:100%}.card-one{left:0;top:0}.card-two{bottom:0;right:0;top:auto}}@media screen and (min-width:1224px){.card-holder{height:512px;min-width:530px;width:100%}.card-one,.card-two{height:245px;width:447px}.card-one{background:url(/static/media/bg-card-front.8153e2ca184402a8385f.png) 50%/447px 245px no-repeat}.card-two{background:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png) 50%/447px 245px no-repeat}.text-container-card{grid-gap:20px;display:grid;gap:20px;left:20px;position:absolute;top:138px;width:402px}.holder-name{font-size:28px}.cardlogo{width:80px}.name-date{font-size:16px}.cvc{font-size:24px;right:50px;top:106px}}
/*# sourceMappingURL=main.feb424ae.css.map*/