@import url(https://fonts.googleapis.com/css?family=Space+Grotesk);:root{--backgroundColor:#fff;--font:"Space Grotesk",sans-serif;--lightgray:#dedddf;--color-selected-input:#600594;--color-submit-button:#21092f;--color-hover-submit-button:#3a204b;--invalid-input:#ff5252;--color-gradient-1:#6448fe;--color-gradient-2:#600594}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--backgroundColor);font-family:Space Grotesk,sans-serif;font-family:var(--font);font-weight:500;height:100%}.homePageContainer{display:grid;grid-template-columns:30vw 1fr}.homePageContainer .leftPage{background-image:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png);background-position:0 0;background-repeat:no-repeat;background-size:100%;display:block;grid-column-end:2;grid-column-start:1;height:100vh;width:30vw}.homePageContainer .rightPage{align-items:center;display:flex;grid-column-end:3;grid-column-start:2;justify-content:center}.creditCardBackContainer{background-image:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png);background-repeat:no-repeat;background-size:100%;height:200px;left:18vw;position:relative;top:25vh;width:80%}.creditCardBackContainer .cvc{left:295px;position:relative;top:85px}.creditCardBackContainer .cvc span{color:#fff;font-size:11px;letter-spacing:1px}.creditCardFrontContainer{background-image:url(/static/media/bg-card-front.8153e2ca184402a8385f.png);background-repeat:no-repeat;background-size:100%;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-between;left:13vw;padding:20px;position:relative;top:20vh;width:80%}.creditCardFrontContainer .topCard{display:flex;flex-direction:row}.creditCardFrontContainer .topCard .bigCircle{background-color:#fff;background-color:var(--backgroundColor);border-radius:30px;height:35px;width:35px}.creditCardFrontContainer .topCard .littleCircle{border:1px solid #fff;border:1px solid var(--backgroundColor);border-radius:30px;height:15px;margin:10px;width:15px}.creditCardFrontContainer .midCard{display:flex;font-size:29.5px;justify-content:center;padding-bottom:15px}.creditCardFrontContainer .botCard{display:flex;font-size:11px;justify-content:space-between}.formContainer{display:flex;flex-direction:column;font-size:10px;font-weight:700;letter-spacing:2px}.formContainer input::-webkit-input-placeholder{color:#dedddf;color:var(--lightgray);font-family:Space Grotesk,sans-serif;font-family:var(--font)}.formContainer input::placeholder{color:#dedddf;color:var(--lightgray);font-family:Space Grotesk,sans-serif;font-family:var(--font)}.formContainer input:focus{border:1px solid #600594;border:1px solid var(--color-selected-input)}.formContainer input{border:1px solid #dedddf;border:1px solid var(--lightgray)}.formContainer .invalidInput{border:1px solid #ff5252;border:1px solid var(--invalid-input)}.formContainer .big-input{padding:10px}.formContainer .big-input input{border-radius:5px;margin:5px 0;padding:8px;width:300px}.formContainer .mid-input{padding:10px}.formContainer .mid-input input{border-radius:5px;margin:5px 0;padding:8px;width:150px}.formContainer .little-input{padding:10px}.formContainer .little-input input{border-radius:5px;margin:5px 5px 5px 0;padding:8px;width:60px}.formContainer .wrapper-row{display:flex;flex-direction:row}.formContainer .wrapper-column{display:flex;flex-direction:column}.formContainer input[type=submit]{background-color:#21092f;background-color:var(--color-submit-button);border-radius:5px;color:#fff;font-family:Space Grotesk,sans-serif;font-family:var(--font);margin:10px;padding:10px 0}.formContainer input[type=submit]:hover{background-color:#3a204b;background-color:var(--color-hover-submit-button)}.validation-container{align-items:center;display:flex;flex-direction:column}.validation-container .circle-valid{align-items:center;-webkit-animation:anim 1s;animation:anim 1s;background:linear-gradient(135deg,#6448fe,#600594);background:linear-gradient(135deg,var(--color-gradient-1),var(--color-gradient-2));border-radius:50px;display:flex;height:90px;justify-content:center;margin:20px;width:90px}.validation-container .circle-valid i{color:#fff;font-size:40px}.validation-container h1{-webkit-animation:anim 1.5s;animation:anim 1.5s;letter-spacing:5px;margin:10px}.validation-container span{-webkit-animation:anim 2s;animation:anim 2s;margin:10px}.validation-container button{-webkit-animation:anim 2.5s;animation:anim 2.5s;background-color:#21092f;background-color:var(--color-submit-button);border-radius:5px;color:#fff;font-family:Space Grotesk,sans-serif;font-family:var(--font);margin:20px;padding:10px 0;width:300px}.validation-container button:hover{background-color:#3a204b;background-color:var(--color-hover-submit-button)}@-webkit-keyframes anim{0%{opacity:0}to{opacity:1}}@keyframes anim{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.54dbedd3.css.map*/