- **Global fonts**: Adjusted `font-family` fallback to include `serif`. - **Header improvements**: Refined structure with flexbox, adjusted heights, and fixed responsive issues (e.g., removed hardcoded margins). - **New Layout styles**: Added scoped `Layout.css` for better layout control and modularity. - **Links fix**: Corrected casing in `About` and `Contact` links for proper navigation.
26 lines
471 B
CSS
26 lines
471 B
CSS
/* === Global Reset === */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Add smooth scrolling behavior */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-family-primary), serif;
|
|
background-color: var(--color-background);
|
|
color: var(--color-text);
|
|
line-height: var(--line-height);
|
|
}
|
|
|
|
/* === Container für zentralen Content === */
|
|
.container {
|
|
max-width: var(--container-max-width);
|
|
width: var(--container-width);
|
|
margin: 0 auto;
|
|
}
|