.form_centre { align-items: center; background-color: #000; display: flex; justify-content: center; background-color: transparent; } .form { background-color: #15172b; border-radius: 20px; box-sizing: border-box; height: 600px; padding: 20px; width: 320px; } .title_create_user { color: #eee; font-family: sans-serif; font-size: 36px; font-weight: 600; margin-top: 30px; } .subtitle { color: #eee; font-family: sans-serif; font-size: 16px; font-weight: 600; margin-top: 10px; } .input-container { height: 50px; position: relative; width: 100%; } .ic1 { margin-top: 40px; } .ic2 { margin-top: 30px; } .input { background-color: #303245; border-radius: 12px; border: 0; box-sizing: border-box; color: #eee; font-size: 18px; height: 100%; outline: 0; padding: 4px 20px 0; width: 100%; } .cut { background-color: #15172b; border-radius: 10px; height: 20px; left: 20px; position: absolute; top: -20px; transform: translateY(0); transition: transform 200ms; width: 76px; } .cut-short { width: 50px; } .placeholder { color: #aaa; font-family: sans-serif; left: 20px; line-height: 14px; pointer-events: none; position: absolute; top: 20px; } .submit { background-color: #08d; border-radius: 12px; border: 0; box-sizing: border-box; color: #eee; cursor: pointer; font-size: 18px; height: 50px; margin-top: 38px; // outline: 0; text-align: center; width: 100%; } .submit:active { background-color: #06b; }