paypage.css

/*payment start*/
header{
    width:100vw;
    min-height: 100vh;
    background:white;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;

}
.container{
    background: #76448A;
    max-width: 800px;
    min-height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 1.5rem;
    margin-left: 300px;
    margin-top: 100px;
}
.left{
    flex-basis:50%;
}
.right{
    flex-basis: 50%;
}

.mainForm{
   display: flex;    
   gap: 100px;
}

form{
    padding:1rem;


}
form input[type="text"]{
    width:100%;
    padding:0.5rem 0.7rem;
    margin:0.5rem 0;
    outline:none;
}
#zip{
    display:flex;
    margin-top: 0.5rem;
}
#zip select{
    padding:0.5rem 0.7rem;

}
#zip input[type="number"]{
    padding:0.5rem 0.7rem;
    margin-left:5px;
}

button[type="submit"]{
    width:100%;
    padding:0.7rem 1.5rem;
    background:#34495e;
    color:white;
    border:none;
    outline:none;
    margin-top:1rem;
    cursor:pointer;

}

button[type="submit"]:hover{
    background: #2e3e50;
}
/*payment end*/