.greeting {
    padding: 40px 20px !important;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: auto;
    background-color: var(--color-body-secondary-background);
}

.greeting__data {
    width: 100%;
    max-width: var(--container-width);
    margin: auto;
}

h3.greeting__heading {
    font-size: 30px;
    margin-bottom: 10px;
}

.greeting__emoji {
    font-size: 55px;
}

@media (max-width:767px) {
    .greeting {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .greeting__emoji {
        font-size: 35px;
    }
}