.form-horizontal{ background: linear-gradient(50deg,rgba(0,0,0,0.05) 49%, rgba(0,0,0,0.08) 50%); font-family: 'Quicksand', sans-serif; width: 100%; padding: 30px 15px 25px; border-radius: 30px 0 30px 0; box-shadow: 4px 4px 0 #fff, 6px 6px 0 #e7e7e7,-4px -4px 0 #fff,-6px -6px 0 #e7e7e7; } .form-horizontal .form-icon{ color: #fff; background: linear-gradient(45deg,#00a8ff 49%, #0097e6 50%); font-size: 55px; text-align: center; line-height: 80px; height: 80px; width: 80px; margin: 0 auto 15px; border-radius: 25px; } .form-horizontal .title{ color: #333; font-size: 30px; font-weight: 700; text-transform: capitalize; text-align: center; margin: 0 0 30px 0; } .form-horizontal .form-group{ margin: 0 0 15px; } .form-horizontal label{ font-size: 15px; } .form-horizontal .form-control{ color: #0097e6; background-color: rgba(255,255,255,0.9); font-size: 16px; letter-spacing: 1px; height: 40px; padding: 2px 15px 2px 15px; box-shadow: 0 0 5px -3px #333; border: none; border-radius: 10px; transition: all 0.3s; } .form-horizontal .form-control:focus{ box-shadow: 0 0 5px -1px #0097e6; border:none; } .form-horizontal .form-control::placeholder{ color: rgba(0,0,0,0.3); font-size: 14px; } .form-horizontal .forgot-password{ display: inline-block; width: calc(100% - 105px); } .form-horizontal .forgot-password a{ color: #333; font-size: 13px; font-weight: 600; transition: all 0.3s; } .form-horizontal .forgot-password a:hover{ color: #0097e6; } .form-horizontal .btn{ color: #fff; background-color: #0097e6; font-size: 20px; width: 100px; padding: 5px 20px; margin: 0 0 15px 0; border-radius: 1px; border: none; border-radius: 20px; display: inline-block; transition: all 0.3s; } .form-horizontal .btn:hover{ background-color: #000; box-shadow: 2px 2px 5px #333; } .form-horizontal .signup{ color: #606060; font-size: 14px; text-align: center; display: block; } .form-horizontal .signup a{ color: 0097e6; font-weight: 600; text-transform: capitalize; transition: all 0.3s; } .form-horizontal .signup a:hover{ color: #000; }