@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@200&family=Raleway&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Raleway,sans-serif;letter-spacing:.1rem;text-align:center}.container{background:#fff;border:5px;box-shadow:0 0 25px rgba(143,149,228,.5);display:flex;flex-direction:row;height:450px;margin:5% auto;width:700px}.item{position:relative;width:50%}.item-image{height:430px;object-fit:cover;width:100%}.overlay-effect{background-color:#bbffac;bottom:0;left:0;opacity:.2;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.item-details{bottom:0;color:#16f747;margin-bottom:4.7rem;margin-left:2rem;position:absolute;text-align:left}.item-details__title{font-family:Raleway,sans-serif;font-size:22px}.item-details__amount{font-family:Raleway,sans-serif;font-weight:bolder}.checkout{background:#0d4700;display:flex;flex-direction:column;height:430px;justify-content:center;width:50%}.checkout-form{padding:20px}.checkout-field{display:flex;flex-direction:column;margin-bottom:20px}.checkout-field label{color:#e0eafc;font-family:Raleway,sans-serif;font-size:13px;letter-spacing:.1rem;margin-bottom:5px;text-align:left;text-transform:uppercase}.checkout-field input{background-color:initial;border:1px solid #cecece;border-radius:5px;color:#000256;height:35px;padding-left:10px}.checkout-field input:focus{background-color:initial;outline:none}.paystack-button{background-color:#bbffac;border:none;border-radius:5px;color:#000256;cursor:pointer;font-family:Raleway,sans-serif;font-size:17px;font-weight:700;height:45px;letter-spacing:.1rem;margin-top:40px;text-align:center;text-transform:uppercase;width:100%}.paystack-button:hover{background-color:#cccdff}.paystack-button:focus{outline:none}@media screen and (max-width:450px){.container{display:none;flex-direction:column;height:450px;margin:5% auto;width:700px}}
/*# sourceMappingURL=main.723448a8.css.map*/