Michael Schiemer
77abc65cd7
Some checks failed
Deploy Application / deploy (push) Has been cancelled
88 lines
1.7 KiB
CSS
88 lines
1.7 KiB
CSS
/* Frontend Header */
|
|
header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 3rem;
|
|
padding-inline: clamp(1.5rem, 4vw + 1rem, 3rem);
|
|
user-select: none;
|
|
width: 100%;
|
|
z-index: 4000;
|
|
}
|
|
|
|
header a {
|
|
text-decoration: none;
|
|
color: var(--text, #eee);
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
font-family: 'Roboto', sans-serif;
|
|
transition: all 0.2s ease-in;
|
|
}
|
|
|
|
header a:hover {
|
|
color: var(--accent, #fff);
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
header button {
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
appearance: none;
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
z-index: 9999;
|
|
}
|
|
|
|
header button:hover {
|
|
color: var(--accent, #fff);
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* Legacy: main > .header (for backward compatibility) */
|
|
main > .header {
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 4000;
|
|
}
|
|
|
|
main > .header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 3rem;
|
|
padding-inline: clamp(1.5rem, 4vw + 1rem, 3rem);
|
|
user-select: none;
|
|
}
|
|
|
|
main > .header a {
|
|
text-decoration: none;
|
|
color: #eee;
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
font-family: 'Roboto', sans-serif;
|
|
transition: all 0.2s ease-in;
|
|
}
|
|
|
|
main > .header a:hover {
|
|
color: #fff;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
main > .header button {
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
appearance: none;
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
z-index: 9999;
|
|
}
|
|
|
|
main > .header button:hover {
|
|
color: #fff;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
}
|