| /* Custom CSS for SecureStellenbosch Sentinel */ | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600;700&display=swap'); | |
| body { | |
| font-family: 'Open Sans', sans-serif; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| /* Hero video styling */ | |
| video { | |
| object-position: center 25%; | |
| } | |
| /* Smooth scrolling */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Button hover effects */ | |
| .btn-hover { | |
| transition: all 0.3s ease; | |
| transform: translateY(0); | |
| } | |
| .btn-hover:hover { | |
| transform: translateY(-3px); | |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); | |
| } | |
| /* Service card hover */ | |
| .service-card { | |
| transition: all 0.3s ease; | |
| } | |
| .service-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| /* Review card styling */ | |
| .review-card { | |
| transition: all 0.3s ease; | |
| } | |
| .review-card:hover { | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | |
| } |