h6{ color: #fff; font-family:'Times New Roman', Times, serif; font-style: italic; } h3{ color: #fff; } h1{ color: #fff; } .login-box{ width:100%; margin:auto; width:750px; height:670px; position:relative; background:url(https://images.unsplash.com/photo-1507208773393-40d9fc670acf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1268&q=80) no-repeat center; box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19); border-radius: 50px; } .login-snip{ width:100%; height:100%; position:absolute; padding:90px 70px 50px 70px; background:rgba(82, 46, 23, 0.9); border-radius: 50px; } .login-space{ min-height:345px; position:relative; perspective:1000px; transform-style:preserve-3d; } .login-space .group{ margin-bottom:15px; } .login-space .group .label, .login-space .group .button{ width:100%; color:#fff; display:block; border-radius:25px; } .first-column{ border-radius: 20px; height: 50px; width: 270px; margin:5px; } .second-column{ border-radius: 20px; height: 50px; width: 270px; margin:5px; } .resultado{ border-radius: 20px; height: 50px; width: 600px; margin:5px; } .login-space .group .input, .login-space .group .input2, .login-space .group .resultado, .login-space .group .button{ border:none; padding:15px 20px; background:rgba(255,255,255,.1); } .login-space .group .button{ background:#1161ee; } .login-space .group label .icon{ width:15px; height:15px; position:relative; display:inline-block; background:rgba(255,255,255,.1); border-radius:25px; } .card{ width: 500px; left: 100px; } ::placeholder{ color: #000000; }