.main { position: relative; width: 100%; background-image: linear-gradient(#ffffff); } .main .one { position: relative; text-align: center; color: #ffffff; font-size: 30px; font-family: cursive; font-weight: bold; } .main .two { position: relative; text-align: center; padding: 0 30px; } .main .two .content { position: relative; background-color: #ffffff; padding: 35px 0; border-radius: 30px; /* margin: 0 0 15px 15px; */ } .main .two .content .left { float: left; margin: 0 80px; } .main .two .content .right { float: left; margin: 0 -80px; } .main .two .content .left .icon { color: #4169E1; } .main .two .content .right input { color: #4169E1; } .main .two .content .right .placeholder { color: #A9A9A9; } .main .two .content .right .picker view { color: #ffffff; } .main .two .save { margin: 40px 10px; text-align: center; } .button{ background-color:#F08080; border-radius: 25px; color:#ffffff; width: 220px; height: 38px; text-align: center; font-size: small; } .main .thr { text-align: center; } .main .thr .thr_1 { position: relative; text-align: center; font-size: small; margin: 0 0 20px 0; } .main .thr .thr_1 text { color: #A9A9A9; } .main .thr .thr_2 text { color: #1AAD19; font-size: 40px; }