@import url("https://fonts.googleapis.com/css?family=Merriweather:900&display=swap");@import url("https://fonts.googleapis.com/css?family=Muli:600,700,800&display=swap");*{box-sizing:border-box;font-family:Muli,serif;font-size:15px;font-weight:600}body,html{background-color:#fafcfc;color:rgb(44.8125,74.6875,74.6875)}body,h1,h2,html{margin:0;padding:0}.app{min-height:100vh;min-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__title{font-size:30px;font-family:Poppins,sans-serif;color:rgb(44.8125,74.6875,74.6875);margin-bottom:5px}.app__subtitle{font-size:15px;color:rgb(186.25,213.75,213.75);margin-bottom:20px}.app__notice{padding:20px;border-radius:5px;box-shadow:2px 2px 6px rgb(243.625,248.175,248.175);background-color:#fff;border:1px solid rgb(234.0625,242.4375,242.4375);margin-left:15px;margin-right:15px}.app__body{height:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:auto;margin-top:auto;margin-left:10px}.app__footer{padding:15px;background-color:#f0f2f2;width:100%}.form{padding:20px;border-radius:5px;box-shadow:2px 2px 6px rgb(243.625,248.175,248.175);background-color:#fff;border:1px solid rgb(234.0625,242.4375,242.4375);margin-left:15px;margin-right:15px}.form__summary{margin-bottom:15px}.form__container{max-width:300px;display:grid;grid-template-areas:"number number" "expiry cvv" "state state" "state-descriptor-code state-descriptor-msg" "button button";grid-gap:15px}.form__title{font-size:45px;font-family:Merriweather,serif;color:rgb(44.8125,74.6875,74.6875);margin-bottom:5px}.form__subtitle{font-size:15px;color:rgb(186.25,213.75,213.75);margin-bottom:20px}.form__input{transition:box-shadow .2s,border .2s;width:100%;padding:10px 20px;border-radius:3px;border:1px solid rgb(234.0625,242.4375,242.4375);font-weight:600}.form__input:focus{outline:none;box-shadow:0 0 0 4px rgba(66,155,252,.2);border:1px solid #429bfc}.form__input--number{grid-area:number}.form__input--expiry{grid-area:expiry}.form__input--cvv{grid-area:cvv}.form__input--state{grid-area:state}.form__input--state-descriptor-code{grid-area:state-descriptor-code}.form__input--state-descriptor-msg{grid-area:state-descriptor-msg}.form__row{margin-bottom:10px;grid-column-gap:15px}.form__button{all:unset;grid-area:button;font-weight:700;color:#fff;background-color:#429bfc;border:1px solid #3393fc;text-shadow:2px 2px 5px #3393fc;border-radius:2px;text-transform:uppercase;font-size:12px;letter-spacing:2px;text-align:center;padding:12.5px 25px;transition:background-color .25s,transform .25s,box-shadow .25s}.form__button:focus,.form__button:hover{background-color:rgb(40.8984375,141.71875,251.6015625);transform:translateY(-1px);box-shadow:0 3px 5px rgba(2.578125,79.0625,162.421875,.1)}.summary__item{display:flex;justify-content:space-between;margin-bottom:5px}.summary__item--bold{font-weight:800}.link{color:rgb(63.9375,106.5625,106.5625);text-decoration:none;display:flex;width:fit-content;justify-content:center;align-items:center}.link svg{height:16px;margin-right:10px}.link svg path{fill:rgb(63.9375,106.5625,106.5625)}hr{margin-top:20px;margin-bottom:20px;border:none;border-bottom:1px solid rgb(234.0625,242.4375,242.4375)}
/*# sourceMappingURL=/src.1dedf5c6.css.map */