*{box-sizing:border-box}:root{--white: hsl(0, 0%, 100%);--light-grayish-violet: hsl(270, 3%, 87%);--dark-grayish-violet: hsl(279, 6%, 55%);--very-dark-violet: hsl(278, 68%, 11%);--red: hsl(0, 100%, 66%)}body{font-family:Space Grotesk;min-height:100vh;font-size:18px;margin:0}.card-front{top:20%;left:20%;z-index:100}.card-back{top:50%;left:25%;z-index:50}.card img{width:119%;height:111%;object-fit:cover;position:absolute;top:-12px;left:-42px;z-index:100;opacity:.5}.card-back img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:100;opacity:.5}#cvc-text{margin-left:10px;font-size:30px}#card-number{margin-top:10px}#holder-name-text{margin-top:25px}label,input{display:block}#confirm-btn{display:block;width:100%;padding:1rem .5rem;font-size:18px;font-family:Space Grotesk;background-color:var(--very-dark-violet);color:#fff;border-radius:5px;cursor:pointer}form{width:100%;min-width:400px}.flex-row{display:flex;justify-content:space-between}.flex-row input{width:4rem}#date{gap:3%}input{padding:.5rem;padding-right:0;width:100%;font-size:18px;font-family:Space Grotesk}input:focus{border-image:linear-gradient(#6448fe,#600594) 20 stretch;outline:none}.card{background-repeat:no-repeat;padding:1rem;min-width:447px;min-height:245px;border-radius:8px;color:#0c0c0c;position:absolute;box-shadow:1px 1px 3rem #000}.uppercase{text-transform:uppercase}main{display:flex;min-width:100%}#form-container{display:flex;align-items:center;margin-left:20%;width:30%}#card-background{background-image:url(public/bg-main-desktop.png);background-size:cover;min-height:100vh;min-width:40vw;padding-left:15rem}#cvc{width:100%;display:inline-block}#cvc-container{position:absolute;top:45%;left:12%}.input-container{margin-bottom:1rem}.hidden{display:none}#success-dialog{text-align:center}#continue-btn{display:block;width:100%;margin-top:.5rem;background-color:var(--very-dark-violet);padding:.8rem;color:#fff;font-size:18px;font-family:Space Grotesk;border-radius:5px;cursor:pointer}.error{color:var(--red)}.attribution{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);font-size:11px;text-align:center;color:#000}.attribution a{color:#3e52a3}@media only screen and (max-width: 1350px){.card{transform:scale(.8)}.card-front{left:10%}.card-back{left:20%}}@media only screen and (max-width: 1100px){.card{transform:scale(.6)}.card-front{top:20%;left:10%}.card-back{top:45%;left:15%}#card-background{padding-left:0}}@media only screen and (max-width: 1000px){main{flex-direction:column}.card-front{top:6.3rem;left:-16%}.card-back{top:-2rem;left:-3.5%}#card-background{padding-left:0;min-height:277px}#form-container{display:block;margin-top:3rem;margin-left:0}#card{margin-left:50px}form{max-width:100%;min-width:90vw;margin-left:18px}#cvc{width:100%}#exp-date{min-width:max-content}#success-dialog{text-align:center;margin-left:109px;font-size:15px;margin-top:-1rem;margin-bottom:1rem;width:142%;padding:1rem;border-radius:5px}}