.home-header {
text-align: center;
}
.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;
}
.keyboard-text {
padding: 0 5px;
border: 1px solid;
margin: 0 2px;
border-radius: 4px;
}
#home-nav {
margin-top: 2.4rem;
}
#home-nav .home-card__background:after {
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: linear-gradient(to right,#000,transparent);
content: "";
}
#home-nav .home-card__foreground {
pointer-events: none;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding: 0 15px;
color: #fff;
font-weight: 500;
}