.App{align-items:center;background-color:#d3d3d3;border-radius:5px;display:flex;flex-direction:column;font-family:Montserrat Alternates;height:100vh;margin:15px auto;padding:25px 0 0;width:70%}.logo{display:block;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:150px;width:100%}body{background-repeat:no-repeat;background-size:cover;height:100vh;overflow:scroll}.row{display:flex;flex-direction:row}.row,.row-around{justify-content:space-around}.row-around{margin-left:-21px;margin-top:5px}.row-around>label{margin-left:-8px}input{background:#fafafa;border:none;border-radius:7px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;color:#979696;font-size:16px;height:38px;margin:10px;padding-left:10px;transition:all .3s ease}input:focus{background:#fff;box-shadow:0 0 8px #0003;outline:none}label{color:#333;font-family:Montserrat;font-size:13px;font-weight:500;margin:5px 0 0 10px;text-align:left}#cvc,#exp{width:30%}button{align-self:center;background:#8b0000;border:none;border-radius:10px;box-shadow:0 4px 10px #0003,inset 2px 2px 5px #fff3;color:#fff;font-family:Montserrat;font-size:17px;font-weight:700;height:40px;letter-spacing:1px;margin-top:15px;transition:transform .1s ease,box-shadow .3s ease;width:96%}button:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}#expiry{margin-right:135px}h3,p{margin:5px}#ExpiryDate,#cvv{width:75px!important}#card-logo{height:30px;object-fit:contain;position:absolute;right:3%;top:3%;width:auto;z-index:2}#cardinfo{align-items:flex-start;display:flex;flex-direction:column;font-family:Share Tech Mono;justify-content:center;margin-left:15px;margin-top:75px;text-shadow:1px 1px 3px #00000080}#cardinfo,h1{color:#fff;letter-spacing:1px;z-index:2}h1{font-size:1.2rem;font-weight:700;left:5%;position:absolute;text-transform:uppercase;top:4%}.formwrapper,button,form,input{font-family:Montserrat Alternates}.formwrapper{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:20px;box-shadow:0 10px 20px #00000026,inset 2px 2px 6px #ffffffb3;justify-content:space-around;margin-top:-100px;max-width:60%;padding:130px 50px 20px}#success,form{display:flex;flex-direction:column}#success{align-items:center;background:linear-gradient(180deg,rgba(173,216,230,.912),rgba(173,216,230,.688));background-repeat:no-repeat;background-size:cover;font-family:Montserrat;height:100vh;justify-content:center;left:0;margin:0 auto;padding:50px;position:absolute;text-align:center;text-transform:uppercase;top:0;width:95%;z-index:1}#success>button{font-family:Montserrat;width:200px}#nametag{color:#db7093;font-size:26px}.cc{align-items:flex-start;background:linear-gradient(145deg,#fff3,#0000001a);border-radius:20px;box-shadow:0 10px 20px #0003,inset 0 2px 4px #ffffff4d;display:flex;flex-direction:column;height:222px;justify-content:center;overflow:hidden;position:relative;width:350px}.cc:before{background:#000;background:var(--bottom-color,#000);z-index:0}.cc:after,.cc:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cc:after{background:#d3d3d3;background:var(--top-color,#d3d3d3);clip-path:polygon(0 0,100% 0,100% 40%,90% 50%,75% 45%,50% 55%,25% 45%,10% 50%,0 40%);z-index:1}.cc[data-card-type=visa]:before{background:#a8c81a}.cc[data-card-type=visa]:after{background:#d3e54b}.cc[data-card-type=mastercard]:before{background:#1a75c8}.cc[data-card-type=mastercard]:after{background:#6baff5}.cc[data-card-type=amex]:after,.cc[data-card-type=amex]:before{background:#016fd0}.cc[data-card-type=discover]:after,.cc[data-card-type=discover]:before{background:#ff6000}.cc:not([data-card-type]):before{background:#8b0000}.cc:not([data-card-type]):after{background:linear-gradient(135deg,#ff4040,#d3d3d3)}@media only screen and (max-width:780px){.App{background:linear-gradient(145deg,#e0e0e0,#fff);border-radius:15px;box-shadow:0 8px 20px #00000026;margin:10px auto;padding:20px;width:90%}.logo{max-width:130px}.cc{background:linear-gradient(145deg,#fff3,#0000001a);box-shadow:0 12px 25px #00000040,inset 0 2px 4px #ffffff4d;height:220px;max-width:320px}.cc,.formwrapper{border-radius:20px;width:100%}.formwrapper{background:linear-gradient(145deg,#fff,#f5f5f5);box-shadow:0 8px 20px #00000026,inset 2px 2px 6px #ffffffb3;margin-top:-100px;max-width:350px;padding:120px 20px 20px}#cvclabel,#explabel{display:none}#success{margin:0 auto;width:90%}#success>h2{font-size:16px;letter-spacing:2px;text-align:center}#nametag{font-size:20px;text-align:center}input{border-radius:10px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;font-size:16px;height:40px}button{border-radius:12px;box-shadow:0 6px 15px #0000004d,inset 2px 2px 5px #fff3;height:45px}#cardinfo{font-size:14px;letter-spacing:1.5px;margin-left:10px;margin-top:50px}#expiry{margin-right:100px}h1{font-size:1rem;top:5%}#card-logo{height:28px;right:5%}}@media only screen and (max-width:480px){.App{padding:15px;width:92%}.logo{max-width:110px}.cc{height:200px;max-width:300px}.cc,.formwrapper{border-radius:18px}.formwrapper{margin-top:-80px;padding:100px 15px 15px}input{border-radius:8px;font-size:16px;height:38px;margin:8px}button{border-radius:10px;height:42px}#cardinfo{font-size:12px;letter-spacing:1px;margin-left:8px;margin-top:40px}#expiry{margin-right:80px}h1{font-size:.9rem;top:4%}#card-logo{height:25px;right:4%}}footer{flex-shrink:0;font-weight:700;padding:10px;text-align:center}.row-around{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:10px}.row-around>input[type=checkbox]{display:none}.row-around>label{color:#333;cursor:pointer;font-size:14px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.row-around>label:before{background-color:#fff;border:2px solid #8b0000;border-radius:4px;content:"";height:20px;left:0;position:absolute;top:0;transition:background-color .3s,border-color .3s;width:20px}.row-around>label:after{content:"";height:12px;left:5px;opacity:0;position:absolute;top:2px;transition:opacity .3s;width:12px}.row-around>input[type=checkbox]:checked+label:before{background-color:green;border-color:green}.row-around>input[type=checkbox]:checked+label:after{color:#fff;content:"✕";font-size:16px;opacity:1}.row-around>label:hover:before{border-color:#ff4500}.row-around>input[type=checkbox]:checked+label:hover:before{background-color:green;border-color:green}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b1f004db.css.map*/