68 lines
1.2 KiB
CSS
68 lines
1.2 KiB
CSS
:root {
|
|
--primary-color: #004d40;
|
|
--secondary-color: #FFC107;
|
|
--neutral-color: #FDFBF6;
|
|
--text-color: #333333;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: var(--neutral-color);
|
|
color: var(--text-color);
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Lora', serif;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.navbar {
|
|
background-color: var(--neutral-color) !important;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-family: 'Lora', serif;
|
|
font-weight: 700;
|
|
font-size: 1.5rem;
|
|
color: var(--primary-color) !important;
|
|
}
|
|
|
|
.nav-link {
|
|
font-weight: 600;
|
|
color: var(--primary-color) !important;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: var(--secondary-color) !important;
|
|
}
|
|
|
|
|
|
footer {
|
|
background-color: var(--neutral-color) !important;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #00382e;
|
|
border-color: #00382e;
|
|
}
|
|
|
|
.btn-secondary {
|
|
background-color: var(--secondary-color);
|
|
border-color: var(--secondary-color);
|
|
color: #333;
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
background-color: #e6ac00;
|
|
border-color: #e6ac00;
|
|
} |