h2 {
    text-align: center;
    margin: 70px 20px;
}

main{
    margin: 0 auto;

}

form{
    /* background-color: aqua; */
    text-align: center;
    
}
input{
    width: 400px;
    height: 50px;
    border-radius: 10px;
    border: 2px solid #5BBE83;
    /* border-color:#5BBE83; */
    padding:10px;
    margin-bottom:20px;
}

button{
    border: none;
    margin: 20px;
    cursor: pointer;
}



@media screen and (max-width: 900px){
    main{
        /* background-color: blueviolet; */
        width:100%;
        margin:0px;
        margin:0 auto;
    }
    main, h2{
        /* width:100%; */
        text-align: center;
    }
    
    input{
        width:100%;
    }
    form{

        text-align: center;
    }
    /* .hr-footer{
        display: none;
    } */
}

@media screen and (max-width: 315px){
    button{
        width: 70%;
    }
}