:root { --white: #ffffff; --green: #09714b; --green-deep: #085b18; --green-bright: #a3ffb6; } #app { display: none !important; } header { align-items: center; background: var(--green); border-bottom: 5px solid var(--green-deep); color: var(--color-text); display: flex; flex-direction: row; flex-wrap: nowrap; font-family: system-ui, -apple-system, BlinkMacSystemFont, Consolas, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 50px; justify-content: space-between; padding: 2px 16px; .title { font-weight: 700; font-size: 14px; line-height: 150%; letter-spacing: 0.1em; pointer-events: none; text-align: center; text-transform: uppercase; @media (min-width: 768px) { font-size: 20px; line-height: 100%; letter-spacing: 0.01em; } h1 span { bottom: -2px; color: var(--white); position: relative; &.flat { bottom: 3px; color: var(--green-bright); position: relative; } } } }

Keebord

Keebord requires JavaScript.