<html lang="en"> <head> <title>Kullanıcı Giriş </title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> > <!--Stylesheet--> <style media="screen"> *, *:before, *:after{ padding: 0; margin: 0; box-sizing: border-box; } body{ background-color: #2b2d42; } .background{ width: 430px; height: 520px; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; } .background .shape{ height: 200px; width: 200px; position: absolute; border-radius: 50%; } .shape:first-child{ background: linear-gradient( #edf2f4, #ef233c ); left: -80px; top: -80px; } .shape:last-child{ background: linear-gradient( to right, #edf2f4, #d90429 ); right: -30px; bottom: -80px; } form{ height: 700px; width: 400px; background-color: rgba(255,255,255,0.13); position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; border-radius: 10px; backdrop-filter: blur(10px); border: 2px solid rgba(255,255,255,0.1); box-shadow: 0 0 40px rgba(8,7,16,0.6); padding: 50px 35px; } form *{ font-family: 'Poppins',sans-serif; color: #ffffff; letter-spacing: 0.5px; outline: none; border: none; } form h3{ font-size: 25px; font-weight: 500; line-height: 42px; text-align: center; } label{ display: block; margin-top: 30px; font-size: 18px; font-weight: 500; } input{ display: block; height: 50px; width: 100%; background-color: rgba(255,255,255,0.07); border-radius: 3px; padding: 0 10px; margin-top: 8px; font-size: 14px; font-weight: 100; } ::placeholder{ color: #e5e5e5; } button{ margin-top: 50px; width: 100%; background-color: #ffffff; color: #080710; padding: 15px 0; font-size: 18px; font-weight: 600; border-radius: 5px; cursor: pointer; } .social{ margin-top: 30px; display: flex; } </style> </head> <body>
<form>
</form> </body> </html>