header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding: 20px; box-shadow: var(--shadow); position: sticky !important; top: 0; z-index: 10 !important; }

header a { color: var(--text); text-decoration: none; }

.home { display: flex; justify-content: flex-start; align-items: center; gap: 10px; flex-basis: 0; flex-grow: 1; max-width: 100%; }

.logo { height: 70px; }

.logo > * { width: unset; height: 100%; }

.title-text { display: flex; justify-content: flex-start; align-items: baseline; flex-wrap: wrap; gap: 5px; min-width: 0; font-family: var(--title); text-align: left; }

.title { font-size: var(--large); }

@media (max-width: 600px) { header:not([data-big]) .title { display: none !important; } }

.subtitle { opacity: 0.65; font-weight: var(--thin); }

.nav-toggle { display: none; position: relative; width: 30px; height: 30px; margin: 0; color: var(--text); appearance: none; transition: background var(--transition); }

.nav-toggle:after { content: "\f0c9"; position: absolute; left: 50%; top: 50%; color: var(--text); font-size: 15px; font-family: "Font Awesome 6 Free"; font-weight: 900; transform: translate(-50%, -50%); }

.nav-toggle:checked:after { content: "\f00d"; }

nav { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; font-family: var(--heading); text-transform: uppercase; }

nav > a { padding: 5px; }

nav > a:hover { color: var(--primary); }

@media (max-width: 700px) { header:not([data-big]) { justify-content: flex-end; } header:not([data-big]) .nav-toggle { display: flex; } header:not([data-big]) .nav-toggle:not(:checked) + nav { display: none; } header:not([data-big]) nav { align-items: flex-end; flex-direction: column; width: 100%; } }

header[data-big] { justify-content: center; align-items: center; flex-direction: column; padding: 58.32px 20px; top: unset; }

header[data-big] .home { flex-direction: column; flex-grow: 0; }

header[data-big] .logo { height: 100px; flex-shrink: 0; }

header[data-big] .title-text { flex-direction: column; align-items: center; text-align: center; }

header[data-big] .title { font-size: var(--xxl); }

header[data-big] .subtitle { font-size: var(--large); }

@media (max-width: 600px) { header[data-big] { padding: 25px 15px; gap: 10px; } header[data-big] .logo { height: 60px; } header[data-big] .title { font-size: var(--large); } header[data-big] .subtitle { font-size: 1rem; } }

@media (max-width: 600px) { header:not([data-big]) { padding: 10px 15px; gap: 10px; } header:not([data-big]) .logo { height: 50px; } }

/*# sourceMappingURL=header.css.map */