/*=============== MESSAGE ===============*/
.message{
    &__container{
        row-gap: 3rem;
        background-color: var(--first-color);
        padding: 2.5rem 1.5rem 2.5rem;
        border-radius: 1.25rem;
    }
    &__form{
        text-align: center;
    }
    &__title{
        color: #fff;
        margin-bottom: var(--mb-1-5);
    }
    &__input{
        width: 100%;
        background: #fff;
        color: var(--text-color);
        padding: 1rem 1.5rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        margin-bottom: var(--mb-1);
    }
    &__button{
        background-color: var(--title-color);
        // background-color: hsl(355, 4%, 15%);
        width: 100%;

        &:hover{
            background-color: var(--title-color);
        }
    }
    &__img{
        width: 200px;
        justify-self: center;
        transform: rotate(15deg);
    }
}