53 lines
1013 B
CSS
53 lines
1013 B
CSS
body {
|
|
padding-top: 56px; /* Adjust for fixed navbar */
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
|
|
#hero {
|
|
height: 80vh;
|
|
background: linear-gradient(45deg, rgba(13, 110, 253, 0.1), rgba(13, 202, 240, 0.1));
|
|
color: #333;
|
|
}
|
|
|
|
#hero h1 {
|
|
color: #000;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-image: linear-gradient(45deg, #0D6EFD, #0DCAF0);
|
|
border: none;
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
section {
|
|
scroll-margin-top: 56px; /* Offset for navbar */
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
#contactForm .form-control {
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
#contactForm .form-control:focus {
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
|
|
border-color: #0D6EFD;
|
|
}
|
|
|
|
#form-feedback .alert {
|
|
border-radius: 1rem;
|
|
}
|