/* main {
    --my_height: 40px;
    --my_width:40px;
    display: flex;
    justify-content: space-around;
} */

.contact_div
{
    display: flex;
    justify-content: space-around;
}

main .contact_container {
    /* height: 100vh; */
    display: flex;
    justify-content: space-evenly;
    align-items: first baseline;
    margin-top: 100px;

}

main .contact_container .contact_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;

}

main .contact_container form .contact_left_title {
    background:linear-gradient(60deg,rgb(120, 110, 255),rgb(248, 58, 255));
    background-clip: text;

    color: transparent;
    font-size: 2.12rem; 
    /* font-weight: 8rem; */
    margin: 10px 0;

}

main .contact_container form div hr {
    border: 0;
    width: 150px;
    height: 7px;
    background-color: rgb(94, 92, 254);
    border-radius: 5px;
    margin: 10px 0px;
}

main .contact_container form .input_feild {
    border: none;
    height: 40px;
    width: 320px;
    border-radius: 20px;
    padding-left: 20px;


}


main .contact_container form .contact_message {
    outline: none;
    border: none;
    height: 140px;
    width: 320px;
    border-radius: 25px;
    padding-left: 20px;
    padding-top: 10px;
}


main .contact_container form button {
    /*     display: inherit; */
    border: none;
    outline: none;
    width: 150px;
    height: 50px;
    margin-bottom: 50px;
    /* justify-self: center; */
    /*     align-content: center; */
    /*     margin: auto; */
    /*     padding: 23px; */
    border-radius: 15px;
    background: linear-gradient(45deg, rgb(154, 154, 255), rgb(109, 101, 255));
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    transition: all 0.3s ;
    /* justify-content: center; */

}

main .contact_container form button:hover {

    background: linear-gradient(45deg, rgb(192, 34, 255), rgb(69, 227, 255));
    /* border: 2px solid rgb(63, 28, 145); */
    transform: translateY(-5px);
}

main .contact_container form button:active {

    background: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 255, 255));
    /* border: 2px solid rgb(63, 28, 145); */
    color: rgb(242, 99, 255);
}