.flex{
    display:flex;
    justify-content: space-between;
    width:80%;
    margin:auto;
}
.first{
  width: 40%;
}
.second{
    width:40%;
}
.first input,.second input{
    width:100%;
    padding:5px;
    border-radius:5px;
    border: 1px solid #b1b1b1;
    outline:0;
}
.first p,.second p{
    margin-top:20px;
    font-size:14px;
}
.first p:first-child,.second p:first-child{
    margin-top:0px;
}
.second input:last-child{
    margin-top:60px;
    width:100%;
    background-color:rgb(70, 129, 255);
    border-radius:0px;
    color:white;
    text-transform: uppercase;
    padding: 8px 0px;
    font-size:12px;
}

@media only screen and (max-width:700px){
    .flex{
        flex-direction: column;
    }
    .first, .second{
        width:100%;
    }
}
.success{
    width:80%;
    margin:auto;
    background-color:rgb(0, 173, 0);
    color:white;
    padding: 10px 20px;
    border-left: 8px solid rgb(0, 112, 0);
    font-style: italic;
    margin-bottom:20px;
    font-size:14px;
    display:none;
}
.notfound{
    display:none;
}