@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap);.invalid{border-color:red}.invalidInput{color:red;font-size:12px;letter-spacing:1px;margin-left:5px}.invalidInputCVC,.invalidInputMonth{color:red;display:block;font-size:12px;letter-spacing:1px}.invalidInputCVC{margin-left:24px}*{-moz-appearance:textfield;box-sizing:border-box;font-family:Space Grotesk,sans-serif;margin:0;padding:0}html{height:100vh}body{min-height:100vh}.app{display:flex;flex-direction:row;height:100vh}.form-container{align-items:center;display:flex}.form>*{width:365px}.input-container{margin-bottom:20px;width:365px!important}.input-container>label{display:block;font-size:12px;letter-spacing:1.5px;margin-bottom:5px;margin-left:2px;width:auto}input{border-style:solid;height:40px;margin-right:5px;padding:0 0 0 10px;width:365px}button,input{border-radius:8px}button{background-color:#21092f;border-style:none;color:#fff;cursor:pointer;margin-top:15px;padding:12px}.form{flex-direction:column}.form,.lastformpart{display:flex}.form-month,.form-year{display:inline-block;width:80px!important}.form-year>input{margin-left:4px}.form-month>input,.form-year>input{width:80px}.form-cvc{margin-left:20px;width:175px}.label-cvc{margin-left:20px!important}.sidebar-container{display:flex;height:100vh;position:relative;width:50rem}.desktop-sidebar-img{height:100vh;position:relative;width:25rem}.front-card{display:flex;position:relative}.front-card>img{left:-16rem;position:absolute;top:8rem;width:24rem}.front-card>.card-logo{padding:1rem;width:6rem}.frontcard-cardnumber{color:#fff;font-size:23px;left:-14rem;letter-spacing:3px;position:absolute;top:16rem;width:20rem}.frontcard-fullname{left:-14rem;text-transform:uppercase}.frontcard-expdate,.frontcard-fullname{color:#fff;font-size:14px;position:absolute;top:19rem;width:20rem}.frontcard-expdate{left:3rem}.back-card{display:flex;position:relative}.back-card>img{left:-11rem;position:absolute;top:23rem;width:24rem}.back-card>span{color:#fff;font-size:14px;left:8.5rem;letter-spacing:2px;position:absolute;top:28.9rem;width:20rem}.cardconfirmed,.cardconfirmed-container{align-items:center;display:flex;justify-content:center}.cardconfirmed{color:#21092f;flex-direction:column;position:relative;text-align:center}.cardconfirmed>img{margin-bottom:2rem;width:8rem}.cardconfirmed>button{margin-top:2rem;width:25rem}.cardconfirmed>h1{font-size:26px;font-weight:lighter;letter-spacing:4px;margin-bottom:1rem}.cardconfirmed>h4{color:#8e8593;font-size:15px;letter-spacing:1px}@media only screen and (max-width:800px){.app{flex-direction:column}*{max-width:100vw}*,.app,body,html{max-height:100vh}.form-container{display:flex;justify-content:center;margin-left:1rem;margin-top:10px}.sidebar-container{height:20rem;margin-bottom:1rem;width:100vh}.mobile-sidebar-img{height:14rem;width:100vh}.front-card{position:absolute;z-index:1}.front-card>img{left:1rem;width:17rem}.frontcard-cardnumber{color:#fff;font-size:17px;left:1.8rem;letter-spacing:3px;top:14rem;width:20rem}.frontcard-fullname{left:1.8rem;text-transform:uppercase}.frontcard-expdate,.frontcard-fullname{color:#fff;font-size:12px;top:15.8rem;width:20rem}.frontcard-expdate{left:14.6rem}.back-card{position:absolute}.back-card>img{left:5rem;top:2rem;width:17rem}.back-card>span{color:#fff;font-size:12px;left:18.5rem;letter-spacing:2px;position:absolute;top:6.1rem;width:20rem}.cardconfirmed{color:#21092f;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;width:80vh}}
/*# sourceMappingURL=main.5535f585.css.map*/