HenzHosting/Login-signup-Extra1

1    body {2      font-family: Arial, sans-serif;3      margin: 0;4      padding: 0;5      background-color: #1b1b1b;6      display: flex;7      justify-content: center;8      align-items: center;9      height: 100vh;10    }11    .container {12      background-color: rgba(0, 0, 0, 0.7);13      padding: 30px;14      max-width: 400px;15      width: 100%;16      border-radius: 10px;17      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);18      text-align: center;19    }20    .logo {21      width: 150px;22      margin-bottom: 20px;23    }24    .login-box {25      background-color: #111;26      padding: 20px;27      border-radius: 10px;28    }29    .login-box h1 {30      color: white;31      font-size: 24px;32      margin-bottom: 20px;33    }34    .login-box input {35      width: 100%;36      padding: 12px;37      margin: 10px 0;38      border: 1px solid #333;39      border-radius: 5px;40      color: white;41      background-color: #333;42      font-size: 16px;43    }44    .login-box input:focus {45      outline: none;46      border-color: #f8b400;47    }48    .login-box button {49      width: 100%;50      padding: 12px;51      background-color: #f8b400;52      color: white;53      border: none;54      border-radius: 5px;55      font-size: 16px;56      cursor: pointer;57    }58    .login-box button:hover {59      background-color: #d18b00;60    }61    .forgot, .create {62      color: #f8b400;63      text-decoration: none;64      font-size: 14px;65    }66    .forgot:hover, .create:hover {67      text-decoration: underline;68    }69    .social-logo {70      width: 40px;71      margin-top: 15px;72    }