main{
    min-height: 50vh;
    padding: 100px 0;
    @media(max-width: 576px){
        padding: 50px 0;
    }
}
main h2{
    font-family: 'Roboto-b';
    color: var(--dark-color-100);
    font-size: 26px;
    line-height: 1;
    margin-bottom: 30px;
}
main form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
main form input{
    padding: 6px 12px;
    font-size: 15px;
    font-family: 'Roboto-r';
    border-radius: 4px;
    border: 1px solid #ccc;
    height: 40px;
}
main form .submit-btn{
    width: fit-content;
    height: auto;
    display: flex;
    align-items: center;
    margin:0;
    background-color: var(--main-color);
    font-family: 'Roboto-b';
    font-size: 16px;
    color: white;
    letter-spacing: 0.7px;
    border: 1px solid var(--main-color);
    text-transform: uppercase;
    &:hover{
        background-color: #0057AD;
        border: 1px solid #0057AD;
        transition: all ease-in-out 0.5s;
    }
}
main form textarea{
    padding: 6px 12px;
    font-size: 15px;
    font-family: 'Roboto-r';
    border-radius: 4px;
    border: 1px solid #ccc;
}