.search-grid-view {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 20px;
}
.search-item {
background: #f9f9f9;
border: 1px solid #ddd;
padding: 15px;
text-align: center;
}
.search-item h2 {
font-size: 1.2em;
}
.search-item p {
color: #333;
font-size: 1.1em;
}
.search-item a {
color: inherit;
text-decoration: none;
} #top-bar .rotating-message {
position: relative;
overflow: hidden;
height: 1.3em;
text-align: center;
font-size: 15px;
font-weight: bolder;
letter-spacing: 1px;
line-height: 1.3;
}
#top-bar .rotating-message span {
position: absolute;
width: 100%;
opacity: 0;
animation: rotate-anim 15s infinite;
}
#top-bar .rotating-message span:nth-child(1) {
animation-delay: 0s;
}
#top-bar .rotating-message span:nth-child(2) {
animation-delay: 5s;
}
#top-bar .rotating-message span:nth-child(3) {
animation-delay: 10s;
}
@keyframes rotate-anim {
0%,
8%,
100% {
opacity: 0;
}
10%,
38% {
opacity: 1;
}
}
@media only screen and (max-width: 48em) { }