login.html

 1<!DOCTYPE html>
 2<html lang="en-GB">
 3    <head>
 4        <title>Log in | umu</title>
 5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6        <meta name="title" content="Log in | umu">
 7        <meta name="description" content="Log in | umu">
 8        <style>
 9         html {
10             background: #1C1C1C;
11             color: #dcdcdc;
12             font-family: sans-serif;
13             text-align: center;
14             height: 100%;
15             margin: 0 auto;
16         }
17         body {
18             height: 100%;
19             padding: 0;
20             margin: 0 auto;
21             display: flex;
22             flex-direction: column;
23             justify-content: center;
24             max-width: 450px;
25         }
26         p {
27             font-size: 50px;
28         }
29         form {
30             display: flex;
31             align-items: center;
32             justify-content: center;
33             flex-wrap: wrap;
34             gap: 10px;
35         }
36         label {
37             flex: 0 0 auto;
38             font-size: 30px;
39         }
40         input {
41             font-family: inherit;
42         }
43        </style>
44    </head>
45    <body>
46        <p>umu</p>
47        <form>
48            <label for="access_token">Access token:</label>
49            <input type="password" id="access_token" name="access_token">
50            <input type="submit" value="Log in">
51        </form>
52    </body>
53</html>