46 lines
929 B
CSS
46 lines
929 B
CSS
:root {
|
|
--brand-orange: #fd7e14;
|
|
--brand-navy-blue: #0a2351;
|
|
--brand-light-gray: #f8f9fa;
|
|
--brand-dark-gray: #212529;
|
|
--brand-white: #ffffff;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.bg-dark-blue {
|
|
background-color: var(--brand-navy-blue);
|
|
}
|
|
|
|
.btn-brand-orange {
|
|
background-color: var(--brand-orange);
|
|
color: var(--brand-white);
|
|
border: none;
|
|
}
|
|
|
|
.btn-brand-orange:hover {
|
|
background-color: #e66a00;
|
|
color: var(--brand-white);
|
|
}
|
|
|
|
.hero-section {
|
|
background-color: var(--brand-navy-blue);
|
|
padding: 100px 0;
|
|
background-size: cover;
|
|
background-position: center;
|
|
min-height: 400px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#contact form .form-control:focus {
|
|
border-color: var(--brand-orange);
|
|
box-shadow: 0 0 0 0.25rem rgba(253, 126, 20, 0.25);
|
|
} |