| body { | |
| padding: 2rem; | |
| font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; | |
| } | |
| /* Banner background image */ | |
| .bg-cover { | |
| background-size: cover; | |
| } | |
| .bg-center { | |
| background-position: center; | |
| } | |
| /* Pattern overlay for images */ | |
| .img-pattern-overlay { | |
| position: relative; | |
| } | |
| .img-pattern-overlay::before { | |
| content: ""; | |
| position: absolute; | |
| inset: -8px; | |
| background: linear-gradient(135deg, rgba(141,198,63,0.1) 0%, rgba(0,160,233,0.1) 100%); | |
| border-radius: 12px; | |
| z-index: 1; | |
| } | |
| @media (max-width: 767px) { | |
| .flex-col.md\:flex-row > div { | |
| width: 100% ; | |
| } | |
| } | |
| h1 { | |
| font-size: 16px; | |
| margin-top: 0; | |
| } | |
| p { | |
| color: rgb(107, 114, 128); | |
| font-size: 15px; | |
| margin-bottom: 10px; | |
| margin-top: 5px; | |
| } | |
| .card { | |
| max-width: 620px; | |
| margin: 0 auto; | |
| padding: 16px; | |
| border: 1px solid lightgray; | |
| border-radius: 16px; | |
| } | |
| .card p:last-child { | |
| margin-bottom: 0; | |
| } | |