@import url(https://fonts.googleapis.com/css?family=Homemade+Apple&display=swap);body{margin:0;background-color:#fff;font-weight:200}#particles{border:1px solid #000}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background:-webkit-gradient(linear,left top,right bottom,from(#00015a),to(#000));background:linear-gradient(to bottom right,#00015a 0,#000);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:25px;font-weight:200;text-transform:uppercase}.credit-card{width:420px;margin:0 0 0 -35px;height:250px;-webkit-perspective:1000px;perspective:1000px;background-color:transparent}.credit-card-inner{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.credit-card-back,.credit-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;background:-webkit-gradient(linear,left bottom,right top,from(#09f),to(#ff0866));background:linear-gradient(to top right,#09f 0,#ff0866);padding:20px}.credit-card-front{display:flex;flex-direction:column;justify-content:space-between}.credit-card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin:0 0 0 -35px}#card-number{font-family:Courier New,Courier,monospace;font-size:30px}.card-form{display:flex;flex-direction:column;justify-content:center;width:435px;margin-top:50px}input::-webkit-input-placeholder{color:grey;font-weight:100}input::-moz-placeholder{color:grey;font-weight:100}input:-ms-input-placeholder{color:grey;font-weight:100}input::-ms-input-placeholder{color:grey;font-weight:100}input::placeholder{color:grey;font-weight:100}#card-type{text-align:right;height:70px}#card-type svg{width:70px;height:60px}.text-input{padding:15px 15px 15px 0;box-shadow:0;border:0;font-size:20px;outline:none;margin:5px;background-color:transparent;color:#fff;border-bottom:1px solid #ff0866;font-weight:100}.input-label{font-size:12px;margin-top:10px;margin-left:5px;margin-bottom:-10px;color:#fff}#card-expiration{display:flex;align-items:center;font-size:20px;margin-left:50%;height:20px;display:inline-block}#validthru{font-size:7.5px;width:25px;display:inline-block;margin-top:1px}#card-expiration p{padding:0;margin:0}#card-holder-name{font-size:20px}#card-holder-name,#card-number{height:20px;display:inline-block}#card-number{text-align:center}.card-stripe{position:absolute;width:100%;background-color:#000;height:75px;margin-top:20px;margin-left:-20px}.card-sig-container{margin-top:120px;background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;height:50px}.signature{font-family:Homemade Apple,cursive;text-transform:lowercase;overflow:hidden}.credits{font-size:12px;text-align:center;text-transform:capitalize}@media only screen and (max-width:600px){.container{justify-content:flex-start;padding-top:20px}.credit-card,.credit-card-back,.credit-card-front{width:90%;height:200px;margin:0}#card-number{font-size:23px}.card-sig-container{height:25px;font-size:15px}.card-form{width:80%}}
/*# sourceMappingURL=main.4ffdc175.chunk.css.map */