html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rajdhani,monospace;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:Rajdhani,monospace}i{color:#61dafb;color:var(--react-blue);font-size:1.5rem;font-size:var(--size-24);margin:.75rem;margin:var(--size-12)}i:hover{cursor:pointer}.invisible{display:none}#page-header h1{margin:0}#paymentForm{margin-bottom:1.5rem;margin-bottom:var(--size-24)}#paymentForm div{margin:.5rem auto;margin:var(--size-8) auto}.form-row{grid-column-gap:4rem;grid-column-gap:var(--size-64);-webkit-column-gap:4rem;column-gap:4rem;-webkit-column-gap:var(--size-64);column-gap:var(--size-64);display:grid;grid-template-columns:repeat(2,1fr)}.form-item{align-items:center;display:flex;flex-direction:column;padding:1rem;padding:var(--size-16)}#payment{width:33%}label{font-size:2.25rem;font-size:var(--size-36)}.sublabel,input{font-size:1.5rem;font-size:var(--size-24)}input{background:#000;border:1px solid #fff;color:#fff;font-family:Rajdhani,monospace;font-weight:700;margin-top:.5rem;margin-top:var(--size-8);padding:.5rem;padding:var(--size-8)}button:focus,input:focus{box-shadow:0 0 10px 2px #61dafb;box-shadow:0 0 10px 2px var(--react-blue);outline:none}input:disabled{background-color:#fff;opacity:.2}input:disabled:hover{cursor:not-allowed}#buttons-container{align-items:center;display:flex;justify-content:space-evenly;margin:10px auto;width:50%}button{background:#000;border:2px solid #fff;color:#fff;font-family:Rajdhani;font-size:1.25rem;font-size:var(--size-20);font-weight:700;padding:.75rem;padding:var(--size-12)}button:hover{cursor:pointer;opacity:.7;transition:.2s}button:disabled:hover{cursor:not-allowed;transition:0ms}button[type=submit]{background-color:#61dafb;background-color:var(--react-blue);border:2px solid #61dafb;border:2px solid var(--react-blue);color:#000}#paymentHistory{margin-top:2rem;margin-top:var(--size-32)}#paymentHistory header{font-size:3rem;font-size:var(--size-48);margin-bottom:1.5rem;margin-bottom:var(--size-24)}.paymentHistoryItem{border:2px solid gray;margin-bottom:1rem;margin-bottom:var(--size-16);padding:.75rem;padding:var(--size-12);width:91vw}.paymentHistoryItem header{font-size:2rem;font-size:var(--size-32)}.componentContainer span,.paymentHistoryItem header{color:#61dafb;color:var(--react-blue)}#historyItemHeader,.componentContainer{display:flex;justify-content:space-around}#historyItemHeader p{color:#61dafb;color:var(--react-blue);font-size:2rem;font-size:var(--size-32);margin:.5rem 0;margin:var(--size-8) 0}.historyItemComponent i{font-size:1rem;font-size:var(--size-16);margin:0 0 0 .5rem;margin-left:var(--size-8)}#makeAnotherPayment{background-color:#61dafb;background-color:var(--react-blue);border:2px solid #61dafb;border:2px solid var(--react-blue);color:#000}#makeAnotherPayment:hover{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;opacity:1;transition:.2s}.App{text-align:center}.App-logo{height:24vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--size-4:0.25rem;--size-8:0.5rem;--size-12:0.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-28:1.75rem;--size-32:2rem;--size-36:2.25rem;--size-40:2.5rem;--size-42:2.75rem;--size-48:3rem;--size-56:3.5rem;--size-64:4rem;--react-blue:#61dafb}@media screen and (min-height:2048px){.App-header{justify-content:center}}@media screen and (min-width:1920px){#paymentForm div{margin:1.5rem auto;margin:var(--size-24) auto}label{font-size:2.75rem;font-size:var(--size-42)}.sublabel,input{font-size:2rem;font-size:var(--size-32)}input{margin-top:2rem;margin-top:var(--size-32)}#payment{width:32%}}@media screen and (max-width:1024px) and (min-height:1366px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:962px){label{font-size:1.75rem;font-size:var(--size-28)}}@media screen and (max-width:914px) and (min-height:1463px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:912px) and (min-height:1368px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:900px) and (min-height:1600px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:857px) and (min-height:1428px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:853px) and (min-height:1280px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:839px) and (min-height:1194px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:820px) and (min-height:1180px){.App-header{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:810px){.App-header{justify-content:center}#payment{width:40%}}@media screen and (max-width:615px){.form-row{-webkit-column-gap:0;column-gap:0}#buttons-container{width:81%}}@media screen and (max-width:601px){#page-header{width:80%}.form-row{display:block}#payment{width:80%}#buttons-container{width:100%}.paymentHistoryItem{width:85vw}#historyItemHeader,.componentContainer{display:block}}@media screen and (max-width:414px){#page-header{width:80%}}@media screen and (max-width:360px){button{font-size:1rem;font-size:var(--size-16)}}
/*# sourceMappingURL=main.dd893d13.css.map*/