Template:Main page/header/styles.css

.home-header { margin-top: 2rem; padding-top: 1rem; }

.home-header__title { margin-top: 0; font-size: 1.5rem; }

.home-header .home-header__subtitle { margin-top: 0.4rem; color: var( --color-base--subtle ); font-size: 0.875rem; }

.home-header__search { max-width: 600px; padding: 0.6rem 0.8rem; margin: 0.8rem auto 0 auto; background: var( --color-surface-1 ); border-radius: 100px; box-shadow: var( --box-shadow-card ); color: var( --color-base--subtle ); cursor: pointer; font-size: 0.875rem; }

.home-header__searchIcon img { margin-right: 0.5rem; opacity: var( --opacity-icon-base ); }

.keyboard-text { padding: 0 5px; border: 1px solid; margin: 0 2px; border-radius: 4px; }

html.skin-citizen-dark .home-header__searchIcon img { filter: invert( 1 ); }

@media ( min-width: 682px ) { .home-header { text-align: center; } }

@media ( hover: none ) { .desktoponly { display: none; } }