body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card_contianer{position:relative}.back_contianer,.front_contianer{border-radius:30px;height:270px;width:450px}.card_container:hover .front_contianer{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transition:all .9s ease-in-out}.card_container:hover .back_contianer{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back_contianer{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.chip{width:40px}.visa{width:140px}.blackStrip{width:448px}.backVisa{height:100px}@media (max-width:468px){*{margin:0;padding:0}.back_contianer,.front_contianer{width:340px}.chip{margin-bottom:5px;width:30px}.visa{left:140px;position:relative;top:-35px;width:120px}.cardNumber{height:5px;margin-bottom:13px;margin-right:2px;position:relative;right:15px;top:-28px;width:340px}.cardName{font-size:15px;margin-top:19px;position:relative;top:-18px}.validName{left:-28px;position:relative;top:-14px}.blackStrip{width:338px}.value{width:220px}.backVisa{height:70px}}.input{bottom:0;position:absolute;right:36%}body{background:#00415a}@media (max-width:468px){.input{height:100%;position:absolute;top:450px;width:200px}.input input{width:290px}}
/*# sourceMappingURL=main.a63aa6ad.css.map*/