@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");#cardContainer{padding:0;justify-content:flex-start;margin:0}#cardContainer,#cardContainer section{position:relative;flex-direction:column;align-items:center;display:flex}#cardContainer section{height:auto;justify-content:center;top:-53px;width:fit-content}#cardContainer .card{height:250px;transform-style:preserve-3d;color:#fff;transition:.8s ease-in-out;position:relative;top:100px;box-shadow:-10px 10px 10px #76faffb7;border-radius:20px;background:url(backgrounds/back2.jpg);width:400px;z-index:2}#cardContainer .outer{position:relative;perspective:1000px;z-index:2}#cardContainer .flip-ready{transform:rotateY(180deg)}#cardContainer .front,.back{height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;z-index:5}#cardContainer .back{height:100%;transform:rotateY(180deg);justify-content:center;font-size:30px;position:relative;align-items:center;width:100%;font-family:Roboto;display:flex}#cardContainer #white-strip{height:30px;transform:translateY(-30px);position:absolute;top:50%;background-color:#000;width:100%}#cardContainer #cwback{right:30px;position:absolute;bottom:10px}#cardContainer .info{padding-top:130px;position:relative;background-color:#fdf9f9;box-shadow:-10px 10px 10px #b8b3b37e,10px 10px 10px #b8b3b37e;width:550px}#cardContainer form{padding:20px;font-family:Roboto,sans-serif}#cardContainer form *{outline:none}#cardContainer label{font-size:15px;font-weight:550;margin:20px 0}#cardContainer input{height:40px;font-size:20px;border:2px solid #aca4a4;border-radius:5px;font-family:Roboto,sans-serif}#cardContainer input[type=text]{width:95%}#cardContainer #cw{height:45px;width:120px}#cardContainer select{padding:12px;font-size:20px;border:2px solid #aca4a4;border-radius:5px;width:130px;font-family:Roboto,sans-serif}#cardContainer form .horiz{justify-content:space-between;margin-right:20px;display:flex}#cardContainer input[type=submit]{height:fit-content;padding:10px;border:none;color:#fff;position:relative;top:26px;background-color:#2f9ec4;width:96%;margin-top:30px;font-family:Roboto,sans-serif}#cardContainer #year{position:relative;left:10px}#cardContainer #code{transform:translateY(-50%);position:absolute;top:50%;left:20px}#cardContainer #code,#cardContainer .code-block{height:fit-content;justify-content:flex-start;width:fit-content;display:flex}#cardContainer .code-block{margin-right:15px;position:relative}#cardContainer .hash{font-size:25px;font-weight:300;position:relative;letter-spacing:5px;font-family:monospace}#cardContainer #chip{position:absolute;top:25px;left:20px;width:65px}#cardContainer #holder{position:absolute;bottom:10px;left:20px}#cardContainer #expiry{right:20px;position:absolute;bottom:10px}#cardContainer .pos{font-size:18px;color:#999595;font-family:monospace}#cardContainer .pos-name{font-size:20px;color:#fff;text-transform:uppercase;letter-spacing:2px;font-family:monospace}#cardContainer .run-animation{animation:digit .2s ease-in-out 0s 1;animation-fill-mode:forwards}#cardContainer #holderval,#cwval,#dateval{justify-content:flex-start;position:relative;display:flex}#cardContainer .letter{font-size:20px;color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;white-space:pre;font-family:monospace}#cardContainer .alet{animation:addlet .2s ease-in-out 0s 1;animation-fill-mode:forwards}#cardContainer .dlet{animation:dellet .2s ease-in-out 0s 1;animation-fill-mode:forwards}#cardContainer #brands,#cardContainer #code,#dateval,#holderval{height:fit-content;width:fit-content}#cardContainer #brands{right:-75px;position:absolute;top:25px}#cardContainer #brands img{height:50px;position:absolute;top:0;left:0}@keyframes digit{0%{opacity:0;top:20px}80%{opacity:.8;top:-5px}to{opacity:1;top:0}}@keyframes addlet{0%{transform:translateX(20px) rotate(90deg);opacity:0}to{transform:translateX(0) rotate(0deg);opacity:1}}@keyframes dellet{0%{transform:translateX(0) rotate(0deg);opacity:1}to{transform:translateX(20px) rotate(90deg);opacity:0}}@keyframes movebrand{0%{transform:translateX(0)}50%{transform:translateX(-200px)}to{transform:translateX(0)}}@media (max-width:600px){#cardContainer section{transform:scale(.9);top:-90px}}@media (max-width:550px){#cardContainer section{transform:scale(.8);top:-120px}}@media (max-width:450px){#cardContainer section{transform:scale(.6);top:-170px}}@media (max-width:300px){#cardContainer section{transform:scale(.5);top:-190px}}