| body { | |
| padding: 2rem; | |
| font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; | |
| } | |
| 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; | |
| } | |
| /* Section 4 Steps and buttons */ | |
| .chip { | |
| background: linear-gradient(135deg, var(--vlc-navy), #0b3b8f); | |
| color: #fff; | |
| display: inline-block; | |
| margin-bottom: 0.5rem; | |
| } | |
| section.py-16.bg-white .btn-primary { | |
| display: block; | |
| width: 100%; | |
| text-align: center; | |
| margin-top: auto; | |
| } | |
| section.py-16.bg-white .bg-\[\-\-vlc-tint\] { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| background: linear-gradient(135deg, rgba(141, 198, 63, 0.1), rgba(0, 160, 233, 0.1)) ; | |
| } | |