Untitled
unknown
plain_text
a year ago
1.8 kB
4
Indexable
*{ margin:0; padding:0; box-sizing: border-box; font-family:"Roboto"; } body{ display:flex; justify-content: center; align-items: center; min-height: 100vh; background: seagreen; } .wrapper{ position: relative; width:420px; background: purple; color: #fff; } .wrapper h1{ font-size:36px; text-align:center; letter-spacing: 2.2px; } .wrapper .input-box{ position: relative; width:100%; height:3.125em; margin:40px 0; } .input-box input{ width:100%; height:100%; background: transparent; outline: none; border: 0.1em solid rgba(255, 255,255,.2); border-radius: 40px; font-size:20px; color:white; padding:10px 20px 10px; } .input-box i{ position: absolute; right:20px; top:30%; } .input-box input::placeholder{ color:white; } .wrapper .remember-forgot{ display:flex; justify-content: space-between; margin:-15px 0 15px; } .remember-forgot label input { accent-color: white; margin-right:3px; } .remember-forgot a{ color:white; text-decoration: none; margin-right:5px; } .remember-forgot a:hover{ text-decoration:underline; } .wrapper .btn{ position:absolute; text-align:center; height: 30px; width:40%; border:none; outline:none; border-radius:17px; cursor:pointer; font-size:13px; font-weight:600; margin-left:28%; margin-top:-15px; } .wrapper .register-link{ margin-top:35px; text-align:center; } .register-link a{ color:black; text-decoration: none; font-weight:600; } .register-link a:hover{ text-decoration:underline; }
Editor is loading...