51 lines
954 B
CSS
51 lines
954 B
CSS
main > .header {
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 4000;
|
|
}
|
|
|
|
main > .header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 3rem; /* Optional: Abstand innen */
|
|
|
|
padding-inline: clamp(1.5rem, 4vw + 1rem, 3rem);
|
|
|
|
user-select: none;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #eee;
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
font-family: 'Roboto', sans-serif;
|
|
|
|
transition: all 0.2s ease-in;
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
}
|
|
|
|
button {
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
appearance: none;
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
|
|
z-index: 9999;
|
|
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
}
|
|
}
|