#welcome-banner {
    margin-top: 24px;
}

.main-welcome-message {
    background-color: rgba(238, 241, 239, 0.5);
    color: var(--black-color);
    font-size: var(--medium-font);
    border-radius: 24px;
    margin: 24px auto;
    padding: 24px;
    width: 70%;
}

.top-listings-container {
    margin-top: 42px;
}

.top-listings-head {
    font-size: var(--large-font);
}
#see_all_listings_link {
    background-color: var(--text-color);
}
#see_all_listings_link:hover {
    background-color: var(--black-color);
    color: var(--text-color);
    transition: 0.3s ease-out 100ms;
}

#hello-emoji {
    animation-name: wave-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 70% 70%;
    display: inline-block;
}
#search-icon {
    /* cursor: pointer; */
    width: 72px;
}

@keyframes wave-animation {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(14deg);
    }
    20% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(14deg);
    }
    40% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}