66 lines
1.1 KiB
CSS
66 lines
1.1 KiB
CSS
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #121212;
|
|
color: #e0e0e0;
|
|
font-family: sans-serif;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
a {
|
|
color: #90caf9;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
max-width: 800px;
|
|
margin: auto;
|
|
width: 100%;
|
|
padding: 1rem;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
nav {
|
|
background-color: #222; /* dunkler Hintergrund */
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
.navbar {
|
|
display: flex; /* macht die <li> nebeneinander */
|
|
list-style: none; /* entfernt die Punkte */
|
|
padding: 0;
|
|
margin: 0;
|
|
gap: 2rem; /* Abstand zwischen Links */
|
|
}
|
|
|
|
.navbar li a {
|
|
text-decoration: none;
|
|
color: white;
|
|
padding: 0.5rem 1rem; /* größerer Klickbereich */
|
|
transition: 0.2s;
|
|
}
|
|
|
|
.navbar li a:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 8px;
|
|
}
|
|
|