Untitled
unknown
plain_text
6 months ago
1.4 kB
3
Indexable
body { margin: 0; padding: 0; font-family: 'Arial', sans-serif; background-image: url('your-logo-background.jpg'); /* Replace with your logo image path */ background-size: cover; background-position: center; height: 100vh; display: flex; justify-content: center; align-items: center; } .container { display: flex; justify-content: center; align-items: center; } .login-box { background: rgba(255, 255, 255, 0.9); padding: 40px 30px; border-radius: 15px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); transition: transform 0.3s; } .login-box:hover { transform: translateY(-5px); } h1 { margin-bottom: 30px; text-align: center; color: #333; font-size: 24px; } .textbox { margin-bottom: 20px; } .textbox input { width: 100%; padding: 15px; border: 2px solid #007BFF; border-radius: 5px; font-size: 16px; transition: border 0.3s; } .textbox input:focus { border-color: #0056b3; outline: none; } .btn { width: 100%; padding: 15px; background: #007BFF; border: none; border-radius: 5px; color: white; font-size: 18px; cursor: pointer; transition: background 0.3s, transform 0.3s; } .btn:hover { background: #0056b3; transform: translateY(-2px); }
Editor is loading...
Leave a Comment